Vermis Malum Wiki vermismalum_en https://vermismalum.wiki.gg/wiki/Vermis_Malum_Wiki MediaWiki 1.41.1 first-letter Media Special Talk User User talk Vermis Malum Wiki Vermis Malum Wiki talk File File talk MediaWiki MediaWiki talk Template Template talk Help Help talk Category Category talk Module Module talk Gadget Gadget talk Gadget definition Gadget definition talk 0 1 1 2021-11-29T15:17:56Z MediaWiki default 0 wikitext text/x-wiki <strong>MediaWiki has been installed.</strong> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software. == Getting started == * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ] * [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki] 5702e4d5fd9173246331a889294caf01a3ad3706 10 2 2 2022-12-18T00:55:51Z DynamicPageList3 extension 44285 Autogenerated DPL's necessary template for content inclusion wikitext text/x-wiki <noinclude>This page was automatically created. It serves as an anchor page for all '''[[Special:WhatLinksHere/Template:Extension_DPL|invocations]]''' of [https://www.mediawiki.org/wiki/Special:MyLanguage/Extension:DynamicPageList3 Extension:DynamicPageList3].</noinclude> 087ffd4625ae7b1fea3436ec3f929e82ee739d29 4 3 3 2024-11-22T22:20:53Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <!--''[[GAME]]'' content and materials are the intellectual property of their respective owners. -->Content that you make available on {{SITENAME}} is licensed by you to us under our [{{int:wikigg-tos-url}} Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license. All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. [[Category:Legal notices]] a5c705cf276359aef94d426ee75d18bbf1e361ac 4 3 2024-11-22T22:20:53Z Crimroxs 244470 Protected "[[Vermis Malum Wiki:Copyrights]]" ([Edit=Allow only administrators] (indefinite)) wikitext text/x-wiki <!--''[[GAME]]'' content and materials are the intellectual property of their respective owners. -->Content that you make available on {{SITENAME}} is licensed by you to us under our [{{int:wikigg-tos-url}} Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license. All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. [[Category:Legal notices]] a5c705cf276359aef94d426ee75d18bbf1e361ac 8 4 5 2024-11-22T22:20:55Z Crimroxs 244470 Adding default set of pages css text/css /* All CSS here is applied on api.php pages */ @media (prefers-color-scheme: dark) { body { background-color:#20211f; border-color: #7b7261; color: #f6ecdb; } h1, h2, h3, h4, h5, h6 { color: rgb(234, 224, 207); border-color: rgb(83, 84, 81); } .mw-highlight .s2 { color: rgb(206, 99, 91); } a { color: rgb(133, 180, 221); } a:visited { color: rgb(141, 127, 218); } pre, code, .mw-code { background-color: rgb(34, 35, 33); color: rgb(234, 224, 207); border-color: rgb(63, 64, 62); } } c95cf2c22c12d821f22b745f2aa78d4f6f711500 8 5 6 2024-11-22T22:20:56Z Crimroxs 244470 Adding default set of pages css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.9; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ aea70424d729e42417adafa5e21a69d8b2d71e02 8 6 7 2024-11-22T22:20:57Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <div class="mw-parser-output" id="dl-variable-doc"><!-- hide this in your global.css if you're familiar with how default loadout works and this documentation is just in your way --> ==Documentation== This wiki is using the theming template from the [https://defaultloadout.wiki.gg default loadout]. This template is intended to minimize the work required to create a custom colored version of the standard [[mw:Skin:Vector|Vector]] skin, while maximizing the various nooks and crannies that those colors reach, all while keeping everything legible and matching. Please be aware of the [[support:Customization_policy|customization policy]] when modifying the theme. ===Themes=== The [[support:ThemeToggle|ThemeToggle]] extension is installed, and allows multiple themes to be used. In the actual stylesheet below this documentation, you'll find two huge rules at the top, each containing lots of [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties CSS color variables]. They look like this: <syntaxhighlight lang=css> :root, .view-light { --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ /* ... and so on */ } .view-dark { --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ /* ... and so on */ } </syntaxhighlight> These are the standard light and dark themes, defined in [[Mediawiki:Theme-definitions]]. '''Important''': if you want your wiki to only support a single theme, edit that page and remove the line you don't want (don't remove both). The <code>:root</code> selector is a fallback, meaning that in case something happens and ThemeToggle fails to work, the following theme will still mostly work. If you have multiple themes, you can move the <code>:root</code> rule to whichever you'd consider the "default" theme. ===RGB variables=== Every color variable has an associated <code>--rgb</code> variant right below it. This should be an RGB representation of the color formatted as a comma-separated list, like so: 128,255,128. Do not include the <code>rgb()</code> wrapper. This is used in many places to add transparency to the color, which adds flexibility to the color palette while minimizing the amount of colors that need to be defined. '''Remember to update RGB variables when changing colors'''. Websites that can make this conversion for you are plentiful, such as [https://www.rapidtables.com/convert/color/hex-to-rgb.html rapidtables]. ===Non-color variables=== {| class="wikitable" ! Variable name !! Notes |- | --wiki-body-background-image | This is the image path to the wiki's background image. Usually this is uploaded to File:Site-background.jpg, File:Site-background-light.jpg, and/or File:Site-background-dark.jpg. While there's not a hard file size limit, it is recommended that this not exceed 250 KB. File size can be reduced by resizing (anything over 2560x1440p is excessive), converting to a jpg, and compressed using sites like [https://tinypng.com TinyPNG]. |- | --wiki-body-background-position | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-position background-position] of the background image. Usually this is set to <code>top center</code>. |- | --wiki-body-background-size | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-size background-size] of the background image. Usually this is set to <code>cover</code>. |- | --wiki-body-background-repeat | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat background-repeat] of the background image. Usually this is set to <code>no-repeat</code>. |- | --wiki-body-background-attachment | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment background-attachment] of the background image. Usually this is set to <code>fixed</code>. |- | --wiki-body-font-family | The font family of most of the wiki, such as the sidebar, navigation, and content text. Usually this is sans-serif. If modifying this, use a simple font that is easy to read. See <code>--wiki-heading-font-family</code> if you want to incorporate a more decorative font into the theme. |- | --wiki-content-background-opacity | The opacity of the main content area, to let the wiki's background image show through. Please keep this high, usually above 0.9, or it can make reading text difficult. |- | --wiki-heading-font-family | The font family of headings, such as the page title and section headings. This font is usually displayed in a larger size, so it's safer to use a more decorative font than <code>--wiki-body-font-family</code>, but still try to keep it legible. |- | --wiki-sidebar-heading-font-family | The font family of sidebar headings. In contrast to <code>--wiki-heading-font-family</code>, this is usually displayed in a smaller size, so keep it simple and easy to read. |- | --wiki-sidebar-background-opacity | The background opacity of the sidebar. Usually this inherits <code>--wiki-content-background-opacity</code>. |- | --wiki-icon-general-filter | A filter applied to many icons to make them visible on dark themes. Usually this is just <code>invert(100%)</code> on dark themes and blank on light themes. |- | --wiki-icon-to-link-filter | A filter that converts many icons into the same color as <code>--wiki-content-link-color</code>. This can be generated by plugging that into https://mrpie5.gitlab.io/css-filter-generator/. |} ===List of all colors with contrast checking=== The table below shows all the colors currently in use, as well as notes on how to use them. The last column shows which colors are expected to show up as text against other colors. With the exception of <code>--wiki-content-text-mix-color--95</code>, all text in the last column should be ''clearly'' legible. If it is not, you may need to adjust one of the referenced colors in your color palette. Keep in mind that changes to the opacity variables in the section above will cause the content and sidebar background colors to mix with the body background color/image, so the contrasts below may not be perfectly accurate. {| class="wikitable" ! Variable name !! Color !! style="width: 40em;" | Notes !! Test contrast against these variables |- | --wiki-body-background-color | style="background-color:var(--wiki-body-background-color);" | | The background color behind the background image. This usually only shows up if the background image doesn't load, doesn't fill the screen, or has some transparency. This color should be similar to the overall color of the background image, or the top-left corner if it is made up of many different colors. In the former case, https://matkl.github.io/average-color/ is helpful. | style="background-color:var(--wiki-body-background-color);" | <span style="color:var(--wiki-body-dynamic-color);">--wiki-body-dynamic-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary);">--wiki-body-dynamic-color--secondary</span><br/> |- | --wiki-body-dynamic-color | style="background-color:var(--wiki-body-dynamic-color);" | | This is expected to contrast sharply with the body-background-color, for cases when text needs to be displayed against it. Usually this is {{color|#000}} on light themes and {{color|#fff}} on dark themes. | style="background-color:var(--wiki-body-dynamic-color);" | <span style="color:var(--wiki-body-background-color)">--wiki-body-background-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--inverted);">--wiki-body-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary--inverted);">--wiki-body-dynamic-color--secondary--inverted</span><br/> |- | --wiki-body-dynamic-color--inverted | style="background-color:var(--wiki-body-dynamic-color--inverted);" | | The inverse of <code>--wiki-body-dynamic-color</code>. This should optimally have almost no contrast with the body-background-color. | style="background-color:var(--wiki-body-dynamic-color--inverted);" | <span style="color:var(--wiki-body-dynamic-color);">--wiki-body-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary);">--wiki-body-dynamic-color--secondary--inverted</span><br/> |- | --wiki-body-dynamic-color--secondary | style="background-color:var(--wiki-body-dynamic-color--secondary);" | | A slightly different version of body-dynamic-color. Usually this is {{color|#333}} on light themes and {{color|#ddd}} on dark themes. | style="background-color:var(--wiki-body-dynamic-color--secondary);" | <span style="color:var(--wiki-body-background-color)">--wiki-body-background-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--inverted);">--wiki-body-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary--inverted);">--wiki-body-dynamic-color--secondary--inverted</span><br/> |- | --wiki-body-dynamic-color--secondary--inverted | style="background-color:var(--wiki-body-dynamic-color--secondary--inverted);" | | The inverse of <code>--wiki-body-dynamic-color--secondary</code>. | style="background-color:var(--wiki-body-dynamic-color--secondary--inverted);" | <span style="color:var(--wiki-body-dynamic-color);">--wiki-body-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary);">--wiki-body-dynamic-color--secondary--inverted</span><br/> |- | --wiki-content-background-color | style="background-color:var(--wiki-content-background-color);" | | The background color of the main content area. | style="background-color:var(--wiki-content-background-color);" | <span style="color:var(--wiki-content-text-color)">--wiki-content-text-color</span><br/> <span style="color:var(--wiki-content-link-color)">--wiki-content-link-color</span><br/> <span style="color:var(--wiki-content-link-color--visited)">--wiki-content-link-color--visited</span><br/> <span style="color:var(--wiki-content-link-color--hover)">--wiki-content-link-color--hover</span><br/> <span style="color:var(--wiki-content-redlink-color)">--wiki-content-redlink-color</span><br/> <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> <span style="color:var(--wiki-content-heading-color)">--wiki-content-heading-color</span><br/> <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span><br/> <span style="color:var(--wiki-neutral-color)">--wiki-neutral-color</span><br/> <span style="color:var(--wiki-success-color)">--wiki-success-color</span><br/> <span style="color:var(--wiki-alert-color)">--wiki-alert-color</span><br/> |- | --wiki-content-background-color--secondary | style="background-color:var(--wiki-content-background-color--secondary);" | | A secondary content background to highlight certain things. Usually this is <code>--wiki-content-background-color</code> with saturation and/or value reduced or increased by about 10%, but you're free to make it whatever you want provided the contrast checks to the right still pass. | style="background-color:var(--wiki-content-background-color--secondary);" | <span style="color:var(--wiki-content-text-color)">--wiki-content-text-color</span><br/> <span style="color:var(--wiki-content-link-color)">--wiki-content-link-color</span><br/> <span style="color:var(--wiki-content-link-color--visited)">--wiki-content-link-color--visited</span><br/> <span style="color:var(--wiki-content-link-color--hover)">--wiki-content-link-color--hover</span><br/> <span style="color:var(--wiki-content-redlink-color)">--wiki-content-redlink-color</span><br/> <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> <span style="color:var(--wiki-content-heading-color)">--wiki-content-heading-color</span><br/> <span style="color:var(--wiki-alert-color)">--wiki-alert-color</span><br/> |- | --wiki-content-border-color | style="background-color:var(--wiki-content-border-color);" | | Border color for the main content area and elements within it. | N/A |- | --wiki-content-text-color | style="background-color:var(--wiki-content-text-color);" | | Text color for the main content area. | style="background-color:var(--wiki-content-text-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-content-link-color | style="background-color:var(--wiki-content-link-color);" | | Links within the content area. Please do not make this red, as red links on wikis traditionally denote pages that don't exist. | style="background-color:var(--wiki-content-link-color);" | <span style="color:var(--wiki-content-link-label-color);">--wiki-content-link-label-color</span> |- | --wiki-content-link-label-color | style="background-color:var(--wiki-content-link-label-color);" | | This is used when placing text on an element with the link color as a background, such as a button. | style="background-color:var(--wiki-content-link-label-color);" | <span style="color:var(--wiki-content-link-color);">--wiki-content-link-color</span> |- | --wiki-content-link-color--visited | style="background-color:var(--wiki-content-link-color--visited);" | | The color of visited links. This is optional, and usually inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-content-link-color--visited);" | <span style="color:var(--wiki-content-background-color);">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary);">--wiki-content-background-color--secondary</span> |- | --wiki-content-link-color--hover | style="background-color:var(--wiki-content-link-color--hover);" | | The color links change to when hovered over. This is optional, and usually inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-content-link-color--hover);" | <span style="color:var(--wiki-content-background-color);">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary);">--wiki-content-background-color--secondary</span> |- | --wiki-content-redlink-color | style="background-color:var(--wiki-content-redlink-color);" | | The color of links to pages that don't exist. Since these should only rarely be seen, you can be a little lax about choosing a color that contrasts with the background, but it should still be legible. | style="background-color:var(--wiki-content-redlink-color);" | <span style="color:var(--wiki-content-background-color);">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary);">--wiki-content-background-color--secondary</span> |- | --wiki-content-text-mix-color | style="background-color:var(--wiki-content-text-mix-color);" | | A mix of <code>--wiki-content-text-color</code> and <code>--wiki-content-background-color</code>. There are many sites that can generate this for you, such as [https://www.w3schools.com/colors/colors_mixer.asp w3schools' color mixer]. This is generally used to mark disabled elements or placeholder text. | style="background-color:var(--wiki-content-text-mix-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span> |- | --wiki-content-text-mix-color-95 | style="background-color:var(--wiki-content-text-mix-color-95);" | | The same as <code>--wiki-content-text-mix-color</code>, but the mix is 95% <code>--wiki-content-background-color</code>. This is used to mark disabled elements. The contrast checker to the right should actually be very hard to read. | style="background-color:var(--wiki-content-text-mix-color-95);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span> |- | --wiki-content-dynamic-color | style="background-color:var(--wiki-content-dynamic-color);" | | This is expected to contrast sharply with <code>--wiki-content-background-color</code>. Usually this is {{color|#000}} on light themes and {{color|#fff}} on dark themes. | style="background-color:var(--wiki-content-dynamic-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--inverted)">--wiki-content-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary--inverted)">--wiki-content-dynamic-color--secondary--inverted</span><br/> |- | --wiki-content-dynamic-color--inverted | style="background-color:var(--wiki-content-dynamic-color--inverted);" | | The inverse of <code>--wiki-content-dynamic-color</code>. | style="background-color:var(--wiki-content-dynamic-color--inverted);" | <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> |- | --wiki-content-dynamic-color--secondary | style="background-color:var(--wiki-content-dynamic-color--secondary);" | | A slightly different version of <code>--wiki-content-dynamic-color</code>. Usually this is {{color|#333}} on light themes and {{color|#ddd}} on dark themes. | style="background-color:var(--wiki-content-dynamic-color--secondary);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--inverted)">--wiki-content-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary--inverted)">--wiki-content-dynamic-color--secondary--inverted</span><br/> |- | --wiki-content-dynamic-color--secondary--inverted | style="background-color:var(--wiki-content-dynamic-color--secondary--inverted);" | | The inverse of <code>--wiki-content-dynamic-color--secondary</code>. | style="background-color:var(--wiki-content-dynamic-color--secondary--inverted);" | <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> |- | --wiki-content-heading-color | style="background-color:var(--wiki-content-heading-color);" | | The color of headings, such as the page title and section headings. Usually this is set to <code>--wiki-content-text-color</code>, but feel free to give it a different color to spice up the theme a little. | style="background-color:var(--wiki-content-heading-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span> |- | --wiki-accent-color | style="background-color:var(--wiki-accent-color);" | | Used to style infoboxes and some buttons, such as the save button when editing. | style="background-color:var(--wiki-accent-color);" | <span style="color:var(--wiki-accent-label-color)">--wiki-accent-label-color</span><br/> <span style="color:var(--wiki-accent-link-color)">--wiki-accent-link-color</span><br/> |- | --wiki-accent-color--hover | style="background-color:var(--wiki-accent-color--hover);" | | The color of accent-color when hovered over, in some cases. Usually this is just accent-color with saturation and/or value reduced or increased by about 10%, but you're free to make it whatever you want provided the contrast checks to the right still pass. | style="background-color:var(--wiki-accent-color--hover);" | <span style="color:var(--wiki-accent-label-color)">--wiki-accent-label-color</span><br/> <span style="color:var(--wiki-accent-link-color)">--wiki-accent-link-color</span><br/> |- | --wiki-accent-label-color | style="background-color:var(--wiki-accent-label-color);" | | The color of normal text against the accent color. | style="background-color:var(--wiki-accent-label-color);" | <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span><br/> <span style="color:var(--wiki-accent-color--hover)">--wiki-accent-color--hover</span><br/> |- | --wiki-accent-link-color | style="background-color:var(--wiki-accent-link-color);" | | The color of links against the accent color. | style="background-color:var(--wiki-accent-link-color);" | <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span> |- | --wiki-sidebar-background-color | style="background-color:var(--wiki-sidebar-background-color);" | | The background color of the sidebar to the left of the content area. Usually this inherits <code>--wiki-content-background-color</code>. | style="background-color:var(--wiki-sidebar-background-color);" | <span style="color:var(--wiki-sidebar-link-color)">--wiki-sidebar-link-color</span><br/> <span style="color:var(--wiki-sidebar-heading-color)">--wiki-sidebar-heading-color</span><br/> |- | --wiki-sidebar-border-color | style="background-color:var(--wiki-sidebar-border-color);" | | The border color of the sidebar. Usually this inherits <code>--wiki-content-border-color</code>. | N/A |- | --wiki-sidebar-link-color | style="background-color:var(--wiki-sidebar-link-color);" | | The color of links in the sidebar. Usually this inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-sidebar-link-color);" | <span style="color:var(--wiki-sidebar-background-color)">--wiki-sidebar-background-color</span> |- | --wiki-sidebar-link-color--hover | style="background-color:var(--wiki-sidebar-link-color--hover);" | | The color links change to when hovered over. This is optional, and usually inherits <code>--wiki-content-link-color--hover</code>. | style="background-color:var(--wiki-sidebar-link-color--hover);" | <span style="color:var(--wiki-sidebar-background-color)">--wiki-sidebar-background-color</span> |- | --wiki-sidebar-heading-color | style="background-color:var(--wiki-sidebar-heading-color);" | | The color of headings in the sidebar. Usually this inherits <code>--wiki-content-heading-color</code>. | style="background-color:var(--wiki-sidebar-heading-color);" | <span style="color:var(--wiki-sidebar-background-color)">--wiki-sidebar-background-color</span> |- | --wiki-navigation-background-color | style="background-color:var(--wiki-navigation-background-color);" | | The primary background color of the navigation tabs above the content area. Usually this inherits <code>--wiki-content-background-color--secondary</code>. | style="background-color:var(--wiki-navigation-background-color);" | <span style="color:var(--wiki-navigation-text-color)">--wiki-navigation-text-color</span><br/> |- | --wiki-navigation-background-color--secondary | style="background-color:var(--wiki-navigation-background-color--secondary);" | | The upper background color of the navigation tabs, as well as the background color of the "More" menu dropdown. Usually this inherits <code>--wiki-content-background-color</code>. | style="background-color:var(--wiki-navigation-background-color--secondary);" | <span style="color:var(--wiki-navigation-text-color)">--wiki-navigation-text-color</span><br/> |- | --wiki-navigation-border-color | style="background-color:var(--wiki-navigation-border-color);" | | Border color of the navigation tabs. Usually this inherits <code>--wiki-content-border-color</code>. | N/A |- | --wiki-navigation-text-color | style="background-color:var(--wiki-navigation-text-color);" | | The color of text in the navigation tabs. Usually this inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-navigation-text-color);" | <span style="color:var(--wiki-navigation-background-color)">--wiki-navigation-background-color</span><br/> <span style="color:var(--wiki-navigation-background-color--secondary)">--wiki-navigation-background-color--secondary</span><br/> |- | --wiki-navigation-selected-background-color | style="background-color:var(--wiki-navigation-selected-background-color);" | | The background color of the currently active navigation tab. Usually this inherits <code>--wiki-content-background-color</code> | style="background-color:var(--wiki-navigation-selected-background-color);" | <span style="color:var(--wiki-navigation-selected-text-color)">--wiki-navigation-selected-text-color</span><br/> |- | --wiki-navigation-selected-border-color | style="background-color:var(--wiki-navigation-selected-border-color);" | | The border color of the currently active navigation tab. Usually this inherits <code>--wiki-navigation-border-color</code> | N/A |- | --wiki-navigation-selected-text-color | style="background-color:var(--wiki-navigation-selected-text-color);" | | The text color of the currently active navigation tab. Usually this inherits <code>--wiki-content-text-color</code> | style="background-color:var(--wiki-navigation-selected-text-color);" | <span style="color:var(--wiki-navigation-selected-background-color)">--wiki-navigation-selected-background-color</span><br/> |- | --wiki-neutral-color | style="background-color:var(--wiki-neutral-color);" | | A gray-ish color for displaying neutral text, such as a diff size of 0 in RecentChanges and page history. Usually this inherits <code>--wiki-content-text-mix-color</code>, but can be set explicitly if that color is not gray enough. | style="background-color:var(--wiki-neutral-color);" | <span style="color:var(--wiki-content-text-color)">--wiki-content-text-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span> |- | --wiki-alert-color | style="background-color:var(--wiki-alert-color);" | | A general, usually red-ish color used for negative notices, most notably negative diffs in RecentChanges and page history, and the "cancel" button when editing. | style="background-color:var(--wiki-alert-color);" | <span style="color:var(--wiki-alert-label-color)">--wiki-alert-label-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-alert-label-color | style="background-color:var(--wiki-alert-label-color);" | | The color of text against <code>--wiki-alert-color</code> as a background. | style="background-color:var(--wiki-alert-label-color);" | <span style="color:var(--wiki-alert-color)">--wiki-alert-color</span><br/> |- | --wiki-warning-color | style="background-color:var(--wiki-warning-color);" | | A general, usually orange-ish color used for warning notices. | style="background-color:var(--wiki-warning-color);" | <span style="color:var(--wiki-warning-label-color)">--wiki-warning-label-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> |- | --wiki-warning-label-color | style="background-color:var(--wiki-warning-label-color);" | | The color of text against <code>--wiki-warning-color</code> as a background. | style="background-color:var(--wiki-warning-label-color);" | <span style="color:var(--wiki-warning-color)">--wiki-warning-color</span><br/> |- | --wiki-success-color | style="background-color:var(--wiki-success-color);" | | A general, usually green-ish color used for success notices, most noticeably positive diffs in RecentChanges and page history. | style="background-color:var(--wiki-success-color);" | <span style="color:var(--wiki-success-label-color)">--wiki-success-label-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> |- | --wiki-success-label-color | style="background-color:var(--wiki-success-label-color);" | | The color of text against <code>--wiki-success-color</code> as a background. | style="background-color:var(--wiki-success-label-color);" | <span style="color:var(--wiki-success-color)">--wiki-success-color</span><br/> |} ==Stylesheet== <!-- When rendered on common.css, the actual stylesheet will be right here --> </div> 9f8dba28cf0d3d57785b1f4ea06ce02f691a2a40 8 7 8 2024-11-22T22:20:59Z Crimroxs 244470 Adding default set of pages javascript text/javascript /* Any JavaScript here will be loaded for all users on every page load. */ /* DRUID */ $(function () { $(".druid-title-tab").off("click") .on('click', function () { var $parent = $(this).closest(".druid-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-section-tab").off("click") .on('click', function () { var $parent = $(this).closest(".druid-section-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-collapsible").off("click") .on('click', function () { var kind = $(this).attr("data-druid-section"); $(this).toggleClass("druid-collapsible-collapsed"); $(this) .closest(".druid-container") .find("[data-druid-section-row=" + kind + "]") .toggleClass("druid-collapsed"); }); }); /* End DRUID */ /* [[Template:Spoiler]] */ $(function () { $('.spoiler-content') .off('click') // in case this code is loaded twice .on('click', function(e){ $(this).toggleClass('show'); }).find('a').on('click', function(e){ e.stopPropagation(); }); }); /* End Template:Spoiler */ /* Link to imported modules from Lua code */ $(function() { var config = mw.config.get([ 'wgCanonicalNamespace', 'wgFormattedNamespaces' ]); if (config.wgCanonicalNamespace !== 'Module') { return; } var localizedNamespace = config.wgFormattedNamespaces[828]; $('.s1, .s2, .s').each(function() { var $this = $(this); var html = $this.html(); var quote = html[0]; var isLongStringQuote = quote === '['; var quoteRE = new RegExp('^\\' + quote + '|\\' + quote + '$', 'g'); if (isLongStringQuote) { quoteRE = /^\[\[|\]\]$/g; } var name = html.replace(quoteRE, ''); var isEnglishPrefix = name.startsWith('Module:'); var isLocalizedPrefix = name.startsWith(localizedNamespace + ':'); var isDevPrefix = name.startsWith('Dev:'); if (isEnglishPrefix || isLocalizedPrefix || isDevPrefix) { var attrs = { href: mw.util.getUrl(name) }; if (isDevPrefix) { attrs.href = 'https://commons.wiki.gg/wiki/Module:' + mw.util.wikiUrlencode(name.replace('Dev:', '')); attrs.target = '_blank'; attrs.rel = 'noopener'; } var link = mw.html.element('a', attrs, name); var str = quote + link + quote; if (isLongStringQuote) { str = '[[' + link + ']]'; } $this.html(str); } }); }); /* CharInserts */ $(function() { $('.mw-charinsert-item').each(function() { $(this).text($(this).closest('div').attr('data-ci-label')); $(this).css('display', 'inline-block'); }); $('.ci-loading-text').css('display','none'); }); /** * DiscordCompact.js * ---------------------- * A very simple script to display a Discord widget. * Version 0.0.2 * https://support.wiki.gg/wiki/DiscordCompact * ---------------------- */ $(function() { var widget = $("#content #discord-compact-widget"); // Bail out if we didn't find a widget. if (!widget.length) return; var id = widget.attr("data-id"); // Ensure that the id is not blank. if (id === "") throw new Error("DiscordCompact has a blank server id!"); // Ensure that the id consists only of numbers and is at least 17 characters long. if (!new RegExp("^[0-9]{17}[0-9]+$").test(id)) throw new Error("DiscordCompact has an invalid server id!"); var apiBase = "https://discord.com/api/guilds/" + id; // Get some information about the server, such as online member count and invite url. // This also tells us if the server exists or has widgets disabled, so we look out for that too. $.ajax(apiBase + "/widget.json").fail(function(req){ if (!req.responseJSON) throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.json (status: " + req.status); switch (req.responseJSON.code) { case 10004: throw new Error("DiscordCompact has a valid server id, but no such server exists!"); case 50004: throw new Error("DiscordCompact has a valid server id, but that server has widgets disabled!"); default: throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.json (status: " + req.status + "; code: " + req.responseJSON.code + ")"); } }).done(function(res){ const inviteURL = res.instant_invite; // Warn if we can't get an invite URL. if (inviteURL == null) console.warn("DiscordCompact cannot get an invite URL; does this server have an invite channel set in Widget settings?"); // Now get the widget image. $.ajax({url: apiBase + "/widget.png?style=banner2", xhrFields: {responseType: "blob"}}).fail(function(req){ if (!req.responseJSON) throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.png! (status: " + req.status); throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.png! (status: " + req.status + "; code: " + req.responseJSON.code + ")"); }).done(function(blob){ // Convert the image data into base64. This prevents us having to make the client request it a second time. const imageReader = new FileReader(); imageReader.readAsDataURL(blob); imageReader.onloadend = function() { const b64Data = imageReader.result; // Replace the widget with an <a> tag widget.replaceWith(function() { return $("<a>", { id: widget.attr("id"), class: widget.attr("class"), style: widget.attr("style"), alt: "Discord server widget", href: inviteURL }); }); // We need to grab the widget again to update it. widget = $("#discord-compact-widget"); // Setup the CSS so that the image is displayed. widget.css("display", "block"); widget.css("max-height", "76px"); widget.css("max-width", "320px"); // Create the image. const widgetImage = document.createElement("img"); widgetImage.src = b64Data; widgetImage.style.width = "100%"; widgetImage.style.height = "100%"; widgetImage.style.borderRadius = "5px"; widget.append(widgetImage); // Prevent image dragging. widget.on("dragstart", function(e) { e.preventDefault(); }); // We're done here. console.log("DiscordCompact loaded successfully!"); } }); }); }); /** * based on https://dev.fandom.com/wiki/MediaWiki:DiscordIntegrator/code.js * * used by other wikis. */ $(function() { 'use strict'; var mconfig = mw.config.get([ 'wgContentLanguage', 'wgUserLanguage', 'wgUserName' ]); if (window.DiscordIntegratorLoaded) { return; } window.DiscordIntegratorLoaded = true; /** * Main object * @static */ var DiscordIntegrator = { /** * Initializing */ init: function() { mw.hook('wikipage.content').add($.proxy(this.insertToContent, this)); }, /** * Finding the designated places in content * in which to place the widget and placing it */ insertToContent: function($content) { $content.find('.DiscordIntegrator:not(.loaded)').each($.proxy(function(cabbage, el) { el = $(el); el.html(this.generateContent(el.data())).addClass('loaded'); }, this)); }, /** * Determines the theme of the widget. * @param {string} config Configured theme * @return {string} 'light' or 'dark' depending on the wiki theme and configuration */ determineTheme: function(config) { // If explicitly configured to light or dark. if (config === 'dark') { return 'dark'; } if (config === 'light') { return 'light'; } /** If not configured **/ // try to determine based on wiki theme (set by themeToggle): var clas = $(':root').attr('class'); var regex = /(^|\s)theme-(\w+)(\s|$)/; var match = clas.match(regex); if(match){ var wikiThemeName = match[2]; if(typeof(config) === 'object' && config !== null){ //with json theme config if(config[wikiThemeName]){ return config[wikiThemeName]; } } if(wikiThemeName === 'light'){ return 'light'; } if(wikiThemeName === 'dark'){ return 'dark'; } } // Otherwise, default to dark. return 'dark'; }, /** * Generating widget content from an object * @return {string} Content of the widget */ generateContent: function(config) { if (!config.id || !String(config.id).match(/\d{17,19}/)) { return "Error: ID of the widget is malformed or not supplied, please see <a href='https://support.wiki.gg/wiki/DiscordWidget' title='the instructions'>the instructions</a> for how to find your server's ID. Please make sure you are not inserting <strong>the DiscordIntegrator template</strong> when asked for <strong>your widget ID</strong>."; } if ( ( config.loggedIn === true || Boolean(config['logged-in']) === true && config['logged-in'] !== 'false' && config['logged-in'] !== '{{{loggedIn}}}' ) && !mconfig.wgUserName ) { return "Please <a href='/Special:UserLogin' title='log in'>log in</a> to see this widget."; } var username = config.username === '@disabled' ? '' : config.username === '@function' && typeof window.DiscordIntegratorGetUsername === 'function' ? window.DiscordIntegratorGetUsername() : config.username || mconfig.wgUserName; return mw.html.element('iframe', { src: 'https://discord.com/widget?id=' + config.id + '&theme=' + this.determineTheme(config.theme) + '&username=' + encodeURIComponent(username), width: config.width || '100%', height: config.height || '400px', allowtransparency: 'true', frameborder: '0', title: "Discord server widget" }); } }; DiscordIntegrator.init(); }); 54fb33f1c1ee8376eb429e9771f54e70ac08ed7d 8 8 9 2024-11-22T22:21:00Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{int:wikigg-copyright|CC BY-SA 4.0}} 16f4a24e9f915fdb7cd7ec213341768ac3870fc6 8 9 10 2024-11-22T22:21:01Z Crimroxs 244470 Adding default set of pages css text/css /** Container */ .ext-datamaps-container-content .ext-datamaps-container-leaflet { background: var(--wiki-content-background-color--secondary); } /** Legend */ .ext-datamaps-container .ext-datamaps-control-expandable[aria-expanded="true"] { background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.95); } .ext-datamaps-container .oo-ui-tabOptionWidget { color: var(--wiki-content-link-color); } .ext-datamaps-container .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background: var(--wiki-content-link-color); box-shadow: none; color: var(--wiki-content-link-label-color); } /** Popups */ .ext-datamaps-container .leaflet-popup-content-wrapper, .ext-datamaps-container .leaflet-popup-tip { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .ext-datamaps-container .ext-datamaps-popup-buttons a, .ext-datamaps-container .leaflet-popup-close-button { filter: var(--wiki-icon-general-filter); } .ext-datamaps-popup-header .ext-datamaps-popup-subtitle, .ext-datamaps-popup-header .ext-datamaps-popup-location { color: var(--wiki-content-text-mix-color); } /** Controls */ .ext-datamaps-container .leaflet-bar { background-color: var(--wiki-content-background-color--secondary); border-color: rgba(var(--wiki-content-link-color--rgb), 0.5); } .ext-datamaps-container .leaflet-bar button:hover { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25); } .ext-datamaps-container .leaflet-control { color: var(--wiki-content-text-color); } .ext-datamaps-container .leaflet-control button { border-bottom-color: rgba(var(--wiki-content-link-color--rgb), 0.5); color: var(--wiki-content-text-color); } /* HACK: awful selector, v1.0 will prolly use a standard class on these */ .ext-datamaps-container .ext-datamaps-control span[class^="oo-ui-icon"] { filter: var(--wiki-icon-general-filter); } /** Search */ .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results { background: var(--wiki-content-background-color--secondary); } .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results li:focus, .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results li[data-highlighted="true"] { background: rgba(var(--wiki-content-link-color--rgb),0.15); color: var(--wiki-content-link-color); } .ext-datamaps-container .ext-datamaps-container-status > :not(.oo-ui-widget) { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-mix-color); } 4c7b784fda5d0b0fed8da7e21a615d4d7d9fea0f 8 10 11 2024-11-22T22:21:03Z Crimroxs 244470 Adding default set of pages javascript text/javascript /* Modified version of https://dev.fandom.com/wiki/UploadMultipleFiles * from https://terraria.wiki.gg/wiki/MediaWiki:Gadget-uploadMultipleFiles.js */ mw.loader.using(["site", "mediawiki.util"]).then(function() { if (mw.config.get("wgCanonicalSpecialPageName") !== "Upload") return; if (window.__wgg_UploadMultipleFiles_IsLoaded) { return; } window.__wgg_UploadMultipleFiles_IsLoaded = true; var l10nFactory = l10nFactory || function($lang, $data) { return function ($key) { // (null == undefined) is true, (null === undefined) is false return ($data[$lang] && $data[$lang][$key] != null) ? $data[$lang][$key] : $data.en[$key]; }; }; const l10n = l10nFactory(mw.config.get("wgUserLanguage"), { en: { multiupload: "Upload multiple files:", yes: "Yes", no: "No", sourcefiles: "Source files:", categoryname: "Category name:", categorynamehint: "Page name of the category the files will automatically be added to, e.g. Item images", categorynamespace: "Category", uploadfiles: "Upload files", nofiles: "Please select some files first.", nolicense: "Please select a valid license first.", summary: "Summary", license: "Licensing", categories: "Categories", uploading: "Uploading files...", uploaded: "Uploaded:", failed: "Failed:", done: "Done." } }); const getUploadDescription = function() { var sections = []; var summary = $("#wpUploadDescription").val(); var licenseDisplayName = $("#wpLicense option:selected").val(); var categoryName = $("#multiFileCategory").val(); if (summary !== "") sections.push(summary); if (licenseDisplayName !== "") { var licenseTemplateText = $("#wpLicense option:selected").prop("title"); sections.push("== " + l10n("license") + " ==\n" + licenseTemplateText); } if (categoryName !== "") sections.push("[[" + l10n("categorynamespace") + ":" + categoryName + "]]"); return sections.join("\n\n"); }; const getWatchlistPreference = function() { if ($("#wpWatchthis").is(":checked")) { return "watch"; } else { return "nochange"; } }; $(function(){ $("#wpUploadFile").parent().parent().addClass("regularFileSelect"); $("tr.regularFileSelect").before('<tr><td class="mw-label">'+ l10n("multiupload") + '</td><td class="mw-input"><label><input type="radio" name="multipleFiles" value="'+ l10n("yes") + '" /> '+ l10n("yes") + '</label> &nbsp; <label><input type="radio" name="multipleFiles" value="'+ l10n("no") + '" checked="" /> '+ l10n("no") + '</label></td></tr>'); $("tr.regularFileSelect").after('<tr class="multipleFileSelect" style="display:none;"><td class="mw-label">' + l10n("sourcefiles") + '</td><td class="mw-input"><input type="file" id="multiupload" multiple /></td></tr>'); $("input[name='wpUpload']").addClass("regularFileSelect"); $("#wpDestFile").parent().parent().addClass("regularFileSelect"); $("#wpIgnoreWarning").parent().parent().addClass("regularFileSelect"); // Append "category name" textbox to multiupload section $("#mw-upload-form #mw-htmlform-description tbody").append('<tr class="mw-htmlform-field-HTMLTextField multipleFileSelect" style="display:none;"><td class="mw-label"><label for="multiFileCategory"><abbr title="' + l10n("categorynamehint") + '">' + l10n("categoryname") + '</abbr></label></td><td class="mw-input"><input id="multiFileCategory" name="multiFileCategory" size="60"></td></tr>'); $("input[name='wpUpload']").after('<input type="button" value="' + l10n("uploadfiles") + '" class="multipleFileSelect" style="display:none;" id="multiFileSubmit" />'); $("input[name='multipleFiles']").change(function() { if (this.value === l10n("yes")) { $(".regularFileSelect").hide(); $(".multipleFileSelect").show(); } else { $(".regularFileSelect").show(); $(".multipleFileSelect").hide(); } }); $("#multiFileSubmit").click(function() { var files = $("#multiupload")[0].files; // Cancel upload if no files are selected if (files.length === 0) { alert(l10n("nofiles")); return false; } // Cancel upload if no license is selected if ($("#wpLicense option:selected").val() === "" && !mw.config.get("UMFBypassLicenseCheck")) { alert(l10n("nolicense")); return false; } // Description is summary + license + category var description = getUploadDescription(); var watch = getWatchlistPreference(); $("#firstHeading").text(l10n("uploading")); $("#mw-content-text").html("<h3>" + l10n("uploaded") + "</h3><ul></ul><div style='display:none;' id='multiUploadFailed'><h3>" + l10n("failed") + "</h3><ul></ul></div>"); var currentFileIdx = 0; var uploadCurrentFile; uploadCurrentFile = function() { if (currentFileIdx > files.length) { $("#mw-content-text").append("<h3>"+ l10n("done") + "</h3>"); return; } if (files[currentFileIdx] === undefined) { currentFileIdx++; uploadCurrentFile(); return; } fd = new FormData(); fd.append("action", "upload"); fd.append("token", mw.user.tokens.get("csrfToken")); fd.append("filename", files[currentFileIdx].name); fd.append("file", files[currentFileIdx]); fd.append("text", description); fd.append("watchlist", watch); fd.append("ignorewarnings", 1); fd.append("format", "json"); $.ajax({ url: mw.util.wikiScript("api"), method: "POST", data: fd, cache: false, contentType: false, processData: false, type: "POST" }).done(function(d) { if (d.error == undefined) { $("#mw-content-text > ul").append('<li><a href="' + d.upload.imageinfo.descriptionurl + '" target="_blank">' + d.upload.filename + '</a></li>'); } else { $("#multiUploadFailed ul").append('<li>' + files[currentFileIdx].name + '</li>'); $("#multiUploadFailed").show(); } currentFileIdx++; uploadCurrentFile(); }).fail(function() { $("#multiUploadFailed ul").append('<li>' + files[currentFileIdx].name + '</li>'); $("#multiUploadFailed").show(); currentFileIdx++; uploadCurrentFile(); }); }; uploadCurrentFile(); }); }); }); b05306b3ea3271c87b87546ac6619aa30e47782f 8 11 12 2024-11-22T22:21:04Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki '''collapsibleSidebarSections''' - make individual sections of the [[MediaWiki:Sidebar|sidebar]] collapsible 8c7fbb398af1fb8b4bd1c5e92d2d74886f665900 8 12 13 2024-11-22T22:21:05Z Crimroxs 244470 Adding default set of pages css text/css @media screen and (min-width:721px) { .client-js #mw-panel .vector-menu-portal .vector-menu-heading { cursor: pointer; display: flex; align-items: center; justify-content: space-between; } .client-js #mw-panel .vector-menu-portal .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-sidebar-link-color); transform: rotate(180deg); } .client-js #mw-panel .vector-menu-portal.collapsed .vector-menu-heading::after { transform: rotate(0deg); } .client-js #mw-panel .vector-menu-portal::after { transition:0.5s } .client-js #mw-panel .vector-menu-portal.collapsed::after { border-image-slice:22% 45%; transition:0.5s; } } fcc58f877118c1bd86e6d26c83270653e40f4e24 8 13 14 2024-11-22T22:21:06Z Crimroxs 244470 Adding default set of pages javascript text/javascript $(function(){ // CONFIG section, you can edit this part // a list of sections that should be collapsed by default for *all users*. // This should be the name of the heading as listed in Mediawiki:Sidebar and is case-sensitive. // For example, if you have '* Character_Classes' and you want that section collapsed, add 'Character_Classes' into the brackets below. // Separate entries with commas and use underscores instead of spaces. // Example list: ['Character_Classes', 'Items', 'External_Links'] // Please DO NOT add navigation or tb into this list, as they are expected functionality. var INITIALLY_COLLAPSED_IDS = []; var MIN_ACTIVATION_WIDTH = 721; //END CONFIG // add the p- onto ids for ease of use, if not present INITIALLY_COLLAPSED_IDS.forEach(function(id, index){ if(!id.startsWith('p-')){ INITIALLY_COLLAPSED_IDS[index] = 'p-' + id; } }); var $portals = $("#mw-panel .vector-menu-portal"); var setup = function(){ $portals.each(function(index, el){ if(window.innerWidth < MIN_ACTIVATION_WIDTH) { return; } var $el = $(el); var $id = $el.attr("id"); if(!$id){ return; } // check if this portal should be collapsed if( // portal is set to be initially collapsed and user has not indicated that they want it open (INITIALLY_COLLAPSED_IDS.includes($id) && localStorage.getItem('sidebar_c_'+$id) != "n") || // or // user has indicated they want this portal collapsed (localStorage.getItem('sidebar_c_'+$id) === "y") ){ $el.addClass('collapsed').find('.vector-menu-content').slideUp(0); } }); } setup(); $(window).on('resize', setup); $portals.on("click", "h3", function(event){ if(window.innerWidth < MIN_ACTIVATION_WIDTH) { return; } var $el = $(this).parent(); var $id = $el.attr("id"); if(!$id){ return; } $el.toggleClass('collapsed'); if($el.hasClass('collapsed')){ // more consistent between class and slide status. localStorage.setItem('sidebar_c_'+$id, "y"); $el.find('.vector-menu-content').slideUp('fast'); } else{ localStorage.setItem('sidebar_c_'+$id, "n"); $el.find('.vector-menu-content').slideDown('fast'); } }); }); 63d4425138f9c81e8294fbd01a08de9e1f58256a 8 14 15 2024-11-22T22:21:07Z Crimroxs 244470 Adding default set of pages css text/css .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content:hover > span { opacity: 1; } d2156d876c40acb9b30462c1e981a3b466131116 8 15 16 2024-11-22T22:21:09Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki '''mpEditLinks''' - Adds edit links to boxes on the main page, and a toggle to remove them. (admin-only) 6d5668f657a721796b8c0e2f93b6c30777bfb03b 8 16 17 2024-11-22T22:21:10Z Crimroxs 244470 Adding default set of pages css text/css .mp-edit-link { display:block; position:absolute; right:0.5em; top:0.5em; background:var(--wiki-content-background-color); } .mp-edit-link a { display:block; padding:0.1em; border:1px solid var(--wiki-content-link-color); } .mp-edit-link a::before { display:inline-block; content:''; background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E edit %3C/title%3E%3Cpath d=%22m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z%22/%3E%3C/svg%3E"); background-size:contain; width:1em; height:1em; filter:var(--wiki-icon-to-link-filter); vertical-align:text-top; margin-right:0.2em; } b1c240c635d5c7207d35f958031d9eace6324795 8 17 18 2024-11-22T22:21:11Z Crimroxs 244470 Adding default set of pages javascript text/javascript $( function () { if(!document.getElementById('mp-container')) return; var sitename = document.getElementById('mp-container').dataset['sitename']; // Get the sitename passed from the main page module, so we don't need to make an API call /* generate the links here instead of in the wikitext, so that users who can't see them don't have them * in the DOM at all, and screenreaders and search engines don't get confused */ function createLinks(){ $('.mp-box').each(function(_, el){ var params = '?action=edit'; // only add the long preload stuff if the box doesn't exist, for prettier urls if ( $(el).hasClass('missing') ){ // ignore the "Missing ; before statement" error on the next line, I have no idea what it's on about and it still works params += '&preload=Template:Main page box/preload&preloadparams[0]={{subst:' + 'SUBPAGENAME}}' /* subst:subpagename is broken up here so it doesn't resolve as this JS page */ } $('<a></a>', { href: mw.util.getUrl(sitename + '/' + el.dataset['boxId']) + params, text: 'Edit ' + sitename + '/' + el.dataset['boxId'] }).appendTo( $('<div></div>', { class: 'mp-edit-link' }).prependTo(el) ); }); } function toggleLinks(){ $('.mp-edit-link').each(function(_, el){ $(el).toggle().css('display none;'); }); } $('<span></span>', { text: 'Toggle edit buttons', class: 'mp-edit-toggle', on: {click: toggleLinks}, }).appendTo($('#top')); createLinks(); }); d581a7e2b00ab0c0961f7cfb6fcac20692ac5901 8 18 19 2024-11-22T22:21:12Z Crimroxs 244470 Adding default set of pages javascript text/javascript var l10n = (function(){ var $text = { 'buttonlabel': { 'en': 'Purge cache', 'de': 'Aktualisieren', 'fr': 'Purger', 'ru': 'Обновить', 'pt': 'Actualizar', 'pt-br': 'Actualizar', }, 'hovertext': { 'en': 'Purge the server cache for this page', 'de': 'Den Server-Cache dieser Seite löschen', 'fr': 'Purge le cache du serveur de cette page', 'ru': 'Очистить кэш сервера на этой странице', 'pt': 'Limpe o cache do servidor para esta página', 'pt-br': 'Limpe o cache do servidor para esta página', } } var $lang = mw.config.get( 'wgUserLanguage' ) || 'en'; return function(key){ return $text[key] && ($text[key][$lang] || $text[key]['en']) || ''; } })(); if ( mw.config.get( 'wgNamespaceNumber' ) !== -1 ) { $(document).ready(function(){ var url = new URL(window.location.href); url.searchParams.set('action', 'purge'); mw.util.addPortletLink('p-cactions', url.href, l10n('buttonlabel'), 'ca-gadget-purgecache', l10n('hovertext'), '1'); }); } 902463c445d611b49949654f8c7291d36df72a2b 8 19 20 2024-11-22T22:21:13Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki Gadgets that change the wiki appearance 3bf556885769699b457bc65a75f5b92e513effd3 8 20 21 2024-11-22T22:21:14Z Crimroxs 244470 Adding default set of pages css text/css #contentSub > * + .horse-userprofile { margin-top: 1em; } .horse-userprofile { font-size: 120%; color: var(--wiki-content-text-color); border: 2px solid var(--wiki-content-border-color); padding: 6px 12px; } .horse-userprofile-info span:first-of-type { font-weight: bold; } 1729445bb17e2974426befaf9bd441ab4bf189c5 8 21 22 2024-11-22T22:21:15Z Crimroxs 244470 Adding default set of pages javascript text/javascript // User profile // <nowiki> mw.loader.using( [ 'mediawiki.util', 'mediawiki.api' ] ).done( function() { var username = mw.config.get('wgRelevantUserName'); var lang = mw.language.bcp47(mw.config.get('wgUserLanguage')); if ( username && !window.loadedHorseUserProfile ) { window.loadedHorseUserProfile = true; var dateOptions = { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit", timeZone: "UTC", timeZoneName: "short" }; var api = new mw.Api(); if ( mw.util.isIPAddress(username) ) api.get( { action: 'query', list: ['usercontribs', 'blocks'], ucuser: username, ucprop: [], uclimit: 'max', bkip: username, bkprop: ['user', 'by', 'timestamp', 'expiry', 'reason'], bklimit: 1, formatversion: 2 } ).done( function(data) { var editcount = data.query.usercontribs.length; if ( data.continue ) editcount = data.limits.usercontribs+'+' var user = { groups: ['*'], editcount: editcount }; formatProfile(user, data.query.blocks[0]); } ); else api.get( { action: 'query', list: 'users', ususers: username, usprop: ['groups', 'editcount', 'registration', 'blockinfo', 'emailable'], formatversion: 2 } ).done( function(data) { var user = data.query.users[0]; var block; if ( user.blockid ) block = { user: username, by: user.blockedby, timestamp: user.blockedtimestamp, expiry: user.blockexpiry, reason: user.blockreason }; formatProfile(user, block); } ); function formatProfile(user, block) { user.groups.splice(user.groups.indexOf('*'), 1); var text = '<div class="horse-userprofile-info">'; if ( user.groups.length ) { var groupList = user.groups.map( function(group) { var grouppage = '{{MediaWiki:grouppage-'+group+'}}'; return [ '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'}}]] | {{int:group-'+group+'}} }}', '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'-member|'+username+'}}]] | {{int:group-'+group+'-member|'+username+'}} }}' ]; } ).reduce( function(prev, cur) { prev[0].push(cur[0]); prev[1].push(cur[1]); return prev; }, [[], []] ); text += '\n\n<span>{{int:prefs-memberingroups|'+user.groups.length+'|'+username+'}}</span>\t<span>{{int:prefs-memberingroups-type|'+mw.language.listToText(groupList[0])+'|'+mw.language.listToText(groupList[1])+'}}</span>'; } text += '\n\n<span>{{int:prefs-edits}}</span>\t<span>[[Special:Contribs/'+username+'|'+mw.language.convertNumber(user.editcount)+']]</span>'; if ( user.registration ) { text += '\n\n<span>{{int:prefs-registration}}</span>\t<span>'+mw.language.convertNumber(new Date(user.registration).toLocaleString(lang, dateOptions))+'</span>'; if ( !user.emailable ) text += '\n\n<span>{{int:nowikiemailtext|'+username+'}}</span>'; } text += '\n\n</div>'; if ( block && mw.config.get('wgArticleId') !== 0 ) { var blockDate = new Date(block.timestamp); var blockexpiry = '{{int:infiniteblock}}'; if ( !['infinite', 'indefinite', 'infinity', 'never'].includes(block.expiry) ) { var expiry = new Date(block.expiry.replace( /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2,3})/, '$1-$2-$3T$4:$5:$6Z' )); var duration = expiry - blockDate; var blockDuration = []; var factor = 1000; if ( duration % factor === 0 ) blockDuration = ['duration-seconds', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-minutes', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-hours', Math.floor(duration / factor)]; factor *= 24; if ( duration % factor === 0 ) blockDuration = ['duration-days', Math.floor(duration / factor)]; if ( duration % (factor*7) === 0 ) blockDuration = ['duration-weeks', Math.floor(duration / (factor*7))]; if ( duration % (factor*30) === 0 ) blockDuration = ['months', Math.floor(duration / (factor*30))]; factor *= 365; if ( duration % factor === 0 ) blockDuration = ['duration-years', Math.floor(duration / factor)]; if ( duration % (factor*10) === 0 ) blockDuration = ['duration-decades', Math.floor(duration / (factor*10))]; if ( duration % (factor*100) === 0 ) blockDuration = ['duration-centuries', Math.floor(duration / (factor*100))]; if ( duration % (factor*1000) === 0 ) blockDuration = ['duration-millennia', Math.floor(duration / (factor*1000))]; if ( blockDuration.length < 2 || blockDuration[1] > 1000 ) blockexpiry = mw.language.convertNumber(expiry.toLocaleString(lang, dateOptions)); else blockexpiry = '{{int:'+blockDuration.join('|')+'}}'; } text += '<div class="horse-userprofile-block mw-warning-with-logexcerpt"><div>\n{{int:blocked-notice-logextract|'+username+'}}\n'; text += '* '+mw.language.convertNumber(blockDate.toLocaleString(lang, dateOptions))+' {{int:logentry-block-block|[[User:'+block.by+'|'+block.by+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.by+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.by+'|{{int:contribslink}}]]</span></span>|'+block.by; if ( mw.util.isIPAddress(block.user, true) ) text += '|[[Special:Contribs/'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span></span>'; else text += '|[[User:'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.user+'|{{int:contribslink}}]]</span></span>'; text += '|'+block.user+'|'+blockexpiry+'|}} <span class="comment">{{int:parentheses|'+block.reason+'}}</span></div></div>'; } api.parse( text, { disablelimitreport: true, wrapoutputclass: 'horse-userprofile mw-message-box mw-content-'+($('#contentSub').attr('dir')||'ltr'), uselang: mw.config.get('wgUserLanguage') } ).done( function(parsedText) { $('#contentSub').append(parsedText.replace( /\u29FCgroup-([^\u29FC\u29FD]+?)(?:-member)?\u29FD/g, '$1' )); } ); } } } ); // </nowiki> 2df0d96710fe446c5289ea1c484419b50c43fd5b 8 22 23 2024-11-22T22:21:16Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki * userProfile[ResourceLoader|dependencies=mediawiki.api|default]|userProfile.js|userProfile.css * hoverShowSpoilers[ResourceLoader|type=styles]|hoverShowSpoilers.css == Utility gadgets == * mpEditLinks[ResourceLoader|rights=editprotected|default]|mpEditLinks.css|mpEditLinks.js * purge[ResourceLoader|default|type=general|rights=edit,purge|dependencies=mediawiki.util]|purge.js * UploadMultipleFiles[ResourceLoader|default|rights=edit,upload]|UploadMultipleFiles.js == appearance == * collapsibleSidebarSections[ResourceLoader]|collapsibleSidebarSections.js|collapsibleSidebarSections.css<!-- not default, to make it default please add |default after ResourceLoader, follow the examples above --> 8efe861e90226f99e1b63c1b0dd27769eeff99ab 8 23 24 2024-11-22T22:21:17Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki *Game content ** License|game|This contains content from the game or its official media *Commonly used ** License|fairuse|This will be used in a way that qualifies as "fair use" under US law ** License|CC0|This file is licensed under the CC0 1.0 License ** License|CC-BY-NC-ND|This is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License ** License|CC-BY-NC-SA|This is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License ** License|CC-BY-NC|This is licensed under the Creative Commons Attribution-NonCommercial 3.0 License ** License|CC-BY-ND|This is licensed under the Creative Commons Attribution-NoDerivs 3.0 License ** License|CC-BY-SA|This is licensed under the Creative Commons Attribution-ShareAlike 3.0 License ** License|permission|The copyright holder gave permission to use this work only in wiki.gg articles ** License|CC-BY|This is licensed under the Creative Commons Attribution 3.0 License ** License|CC-PD|This is in the public domain ** License|CC-SRR|This is licensed under the Creative Commons Some Rights Reserved License *Unsure or unknown ** License|nolicense|I don't know the license 80cf31331a258a3fc3651f6d5961fbb5c1822cee 8 24 25 2024-11-22T22:21:18Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{SITENAME}} 3879910e8b355a24373fd09ccc909145b2639907 8 25 26 2024-11-22T22:21:19Z Crimroxs 244470 Adding default set of pages css text/css /* CSS placed here will affect the print output */ /* hide the wiki.gg header. Please note that this is generally not allowed but is fine for print mode */ #wikigg-header { display:none !important; } 37a88cf9f867731622023473d80d147068183ce3 8 26 27 2024-11-22T22:21:21Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki * light[bundled|kind=light] * dark[bundled|kind=dark] 05cdfdf87ea42919cc6ea267d3972cc06847ed60 8 27 28 2024-11-22T22:21:22Z Crimroxs 244470 Adding default set of pages css text/css /* All CSS here will be loaded for users of the Vector skin */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); --wiki-heading-color--rgb: var(--wiki-content-heading-color--rgb); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: unset; } /* Signal color scheme hints to browsers */ html.view-dark { color-scheme: dark } html.view-light { color-scheme: light } iframe { color-scheme: auto } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) 1px, var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: rgba(var(--wiki-sidebar-background-color--rgb), var(--wiki-sidebar-background-opacity)); border:1px solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom:var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius:calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(1px, var(--wiki-sidebar-portal-spacing, 0px)); /* the 0px fallback is for backwards compatibility with older versions of the loadout */ } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: rgba(var(--wiki-content-background-color--rgb), var(--wiki-content-background-opacity)); border: 1px solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********************************** * wiki.gg network elements tuning * *********************************/ #wikigg-footer { position: sticky; top: 100%; margin-top: 0.5rem; clear: both; } /** * Only clear right side in the MW footer to prevent icon overflow. This is accompanied by * the full clear on netfooter to stop the sidebar from offsetting it. */ .mw-footer > div[style^="clear"]:last-child { clear: right !important; } /*************************************** * End wiki.gg network elements tuning * *************************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family:var(--wiki-heading-font-family); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: rgba(var(--wiki-success-color--rgb),.25); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background:rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05); } .view-dark .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .view-dark .jquery-tablesorter th.headerSort { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortUp { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortDown { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: rgba(var(--wiki-accent-label-color--rgb), 0.75); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-text-mix-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:rgba(var(--wiki-accent-color--rgb), 0.9); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:rgba(var(--wiki-accent-color--rgb), 0.5); border-color:rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color: rgba(var(--wiki-accent-color--rgb),0.5); box-shadow: inset 0 0 0 1px rgba(var(--wiki-accent-color--rgb),0.5); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-accent-color--rgb), 0.15); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: rgba(var(--wiki-accent-color--rgb),0.1); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: rgba(var(--wiki-accent-color--rgb), .07) !important; outline-color: rgba(var(--wiki-accent-color--rgb), .07) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background: rgba(var(--wiki-content-text-mix-color-95--rgb),0.8); border-color: var(--wiki-neutral-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color); } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: rgba(var(--wiki-success-color--rgb), 0.25); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background: rgba(var(--wiki-success-color--rgb),0.9); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background: rgba(var(--wiki-alert-color--rgb), 0.9); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color: rgba(var(--wiki-success-color--rgb), 0.9); box-shadow: 0 0 0 1px rgba(var(--wiki-success-color--rgb), 0.9); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color: rgba(var(--wiki-alert-color--rgb), 0.9); box-shadow: 0 0 0 1px rgba(var(--wiki-alert-color--rgb), 0.9); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background: rgba(var(--wiki-accent-color--rgb), 0.15); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color: rgba(var(--wiki-content-text-color--rgb), 0.8); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color: rgba(var(--wiki-alert-color--rgb), 0.4); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color: rgba(var(--wiki-success-color--rgb), 0.4); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color: rgba(var(--wiki-alert-color--rgb), 0.3); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color:rgba(var(--wiki-success-color--rgb), 0.8); background: rgba(var(--wiki-success-color--rgb), 0.1); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: rgba(var(--wiki-success-color--rgb), 0.9); background: rgba(var(--wiki-success-color--rgb), 0.1); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:rgba(var(--wiki-alert-color--rgb), 0.9); background: rgba(var(--wiki-alert-color--rgb), 0.1); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay mode for galleries */ ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.8); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright { float: none; margin: 0 auto; width: max-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color: rgba(var(--wiki-accent-color--rgb),0.15); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); } .ace_gutter-cell { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.4); } .ace_editor .ace_print-margin { width: 1px; background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.75); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image:linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color:rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.93); color: rgba(var(--wiki-content-dynamic-color--rgb), 0.93); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace_editor .ace_gutter-active-line { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor .ace_invisible { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25) } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); border-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color: rgba(var(--wiki-content-dynamic-color--rgb), 0.3); } .ace_editor .ace_xml-pe { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.28); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.2); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .view-dark .CodeMirror, .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .CodeMirror { background-color:rgba(var(--wiki-content-background-color--rgb), 0.35); color: var(--wiki-content-text-color) } .CodeMirror-code:focus-visible { outline:none; } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-accent-color--rgb), .3); } .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection { background: rgba(var(--wiki-accent-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6) } .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple) } .cm-def { color: var(--codemirror-blue) } .cm-comment { color: var(--codemirror-yellow) } .cm-variable-2 { color: var(--codemirror-light-blue) } .cm-string { color: var(--codemirror-red) } .cm-atom { color: var(--codemirror-pink) } .cm-number { color: var(--codemirror-green) } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__indicator { background: var(--wiki-content-link-color); } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: rgba(var(--wiki-accent-color--rgb), .1); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* arrow on redirect pages */ .mw-content-ltr .redirectText li:first-child { padding-left:0; background:none; } .mw-content-ltr .redirectText li:first-child::before { content:''; display:inline-block; width:47px; height:1em; vertical-align: middle; background-image:linear-gradient(transparent,transparent),url(/resources/src/mediawiki.action/images/redirect-ltr.svg?ff441); filter:var(--wiki-icon-general-filter); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--secondary--rgb), 0.75); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--rgb), 0.75); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color:rgba(var(--wiki-accent-color--rgb), 0.05); border-color:rgba(var(--wiki-accent-color--rgb), 0.75); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color: rgba(var(--wiki-accent-color--rgb), 0.5); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color: rgba(var(--wiki-accent-color--rgb), 0.5) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); text-shadow: none; } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-accent-color--rgb), .15); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-accent-color--rgb), .15) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-accent-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .8); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: rgba(var(--wiki-accent-color--rgb), 0.1); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: rgba(var(--wiki-content-text-color--rgb), 0.8); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-content-text-color--rgb), 0.1); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:rgba(var(--wiki-accent-color--rgb), 0.2); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), .76); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: rgba(var(--wiki-content-text-color--rgb), .75); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed { filter:brightness(75%) var(--wiki-icon-general-filter); } /* Collapsibles */ .mw-collapsible button.mw-collapsible-toggle > span, .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } /* The below rules fix an error caused by the above rule because the toggles in the edit footer have text and an arrow in the same element, so the text gets inverted when it shouldn't be */ .mw-editfooter-toggler { position:relative; filter:unset; background:none; } .mw-editfooter-toggler::before { position:absolute; left:0; top:0; background-repeat: no-repeat; background-position: left center; width:12px; height:100%; content:''; filter:brightness(75%) var(--wiki-icon-general-filter); } .mw-editfooter-toggler.mw-icon-arrow-collapsed::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-collapsed-ltr.svg?40e9a); } .mw-editfooter-toggler.mw-icon-arrow-expanded::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-expanded.svg?d0685); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color: rgba(var(--wiki-content-text-color--rgb), 0.25); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:rgba(var(--wiki-accent-color--rgb), 0.5); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:rgba(var(--wiki-content-text-color--rgb), 0.8); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color:rgba(var(--wiki-accent-color--rgb), 0.1); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color:rgba(var(--wiki-accent-color--rgb), 0.15); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline:1px solid var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow: 0 1px 1px 0 rgba(var(--wiki-content-dynamic-color--rgb),0.1); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: rgba(var(--wiki-content-link-color--rgb),0.08); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: rgba(var(--wiki-content-link-color--rgb), 0.9); border-color: rgba(var(--wiki-content-link-color--rgb), 0.9); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-color: var(--wiki-content-border-color); margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: rgba(var(--wiki-accent-color--rgb), 0.1); color: var(--wiki-content-text-color); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color),0 2px 2px 0 rgba(0,0,0,0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { color: #fff; } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color: rgba(var(--wiki-warning-color--rgb), 0.16); } .mw-spinner-container > div { filter: var(--wiki-icon-general-filter); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight { background-color:var(--wiki-content-dynamic-color--inverted); } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background) } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /* invert the help icon on the helplink */ #mw-indicator-mw-helplink a { background-image: none; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } #mw-indicator-mw-helplink a::before { filter: var(--wiki-icon-to-link-filter); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, rgba(var(--wiki-content-background-color--rgb), 0) 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color: rgba(var(--wiki-content-text-color--rgb), 0.76); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color: rgba(var(--wiki-content-text-color--rgb), 0.82); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .mw-echo-ui-notificationItemWidget { background-color: var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-unread, .mw-echo-ui-placeholderItemWidget { background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.8); } .mw-echo-ui-crossWikiUnreadFilterWidget { border-color:var(--wiki-content-border-color); } .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle { color:var(--wiki-content-text-mix-color); } .mw-echo-ui-notificationItemWidget-unread:hover, .mw-echo-ui-notificationItemWidget:hover, .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background-color:var(--wiki-content-background-color--secondary); } .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-echo-ui-notificationItemWidget-content-message-body { color:var(--wiki-content-text-mix-color); } .mw-echo-ui-notificationsListWidget:not(:hover) a, #p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new, .mw-echo-ui-notificationItemWidget-content-message-header, .mw-echo-ui-notificationItemWidget-content-actions-timestamp{ color:var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .mw-echo-ui-notificationItemWidget, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child { border-color:var(--wiki-content-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .mw-echo-ui-notificationsListWidget > .mw-echo-ui-notificationItemWidget:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); border-color:var(--wiki-content-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .mw-echo-ui-notificationItemWidget:last-child { border-bottom:1px solid var(--wiki-content-border-color); } .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { background-color:var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-icon{ filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color:var(--wiki-accent-color); } .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { background-color:var(--wiki-content-background-color); } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color:var(--wiki-accent-color--hover); } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { background-color:var(--wiki-content-background-color--secondary); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color:rgba(var(--wiki-accent-color--rgb), 0.1); color:var(--wiki-accent-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted, .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted{ background-color:rgba(var(--wiki-accent-color--rgb), 0.2); color:var(--wiki-accent-color); } .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count { color:var(--wiki-accent-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /************************* * End Vector theme fixes * **************************/ /************** * Codex fixes * ***************/ /* text input */ .cdx-text-input__input:enabled { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .cdx-text-input__input:disabled { -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.25); background: var(--wiki-content-text-mix-color-95); color: rgba(var(--wiki-content-text-color--rgb), 0.25); text-shadow: none; border-color: var(--wiki-content-text-mix-color); } .cdx-text-input__input::placeholder { color:var(--wiki-content-text-mix-color); } .cdx-text-input__input:enabled:hover, .cdx-text-input__input:enabled:focus { border-color:var(--wiki-accent-color); } .cdx-text-input__input:enabled:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .cdx-text-input__input:enabled:read-only { background-color:var(--wiki-content-text-mix-color-95); } .cdx-text-input__input:enabled:read-only, .cdx-text-input__input:enabled:read-only:hover, .cdx-text-input__input:enabled:read-only:focus { border-color:var(--wiki-content-text-mix-color); box-shadow:none; } /**/ /* Buttons */ .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); color: var(--wiki-content-link-color--hover); } .cdx-button:enabled:active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-color--hover); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-content-background-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background-color: rgba(var(--wiki-accent-color--rgb), 0.75); border-color: rgba(var(--wiki-accent-color--rgb), 0.75); color: var(--wiki-accent-label-color); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color:rgba(var(--wiki-accent-color--rgb), 0.1); color: rgba(var(--wiki-accent-color--rgb), 0.9); } .cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-text-mix-color); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { background-color: rgba(var(--wiki-accent-color--rgb), 0.3); color: var(--wiki-accent-label-color); border-color: rgba(var(--wiki-accent-color--rgb), 0.3); } .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--wiki-content-link-color); } } /**/ /* Checkboxes */ .cdx-checkbox__icon { background-color:rgba(var(--wiki-accent-color--rgb),0.05); } .cdx-checkbox__input:enabled + .cdx-checkbox__icon { border-color: rgba(var(--wiki-accent-color--rgb),0.75); } .cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); } .cdx-checkbox__input:enabled:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-accent-color--rgb), 0.7); border-color: rgba(var(--wiki-accent-color--rgb), 0.7); } .cdx-checkbox__input:enabled:focus:not(:active) + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-accent-color--rgb), 0.7); border-color: rgba(var(--wiki-accent-color--rgb), 0.7); } .cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon { box-shadow: inset 0 0 0 1px var(--wiki-accent-color), inset 0 0 0 2px var(--wiki-accent-label-color); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled + .cdx-checkbox__icon { border-color: rgba(var(--wiki-alert-color--rgb), 0.75); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon { border-color: rgba(var(--wiki-alert-color--rgb), 0.9); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-alert-color--rgb), 0.75); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon { background-color: var(--wiki-alert-color); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon { background-color: rgba(var(--wiki-alert-color--rgb), 0.9); border-color: rgba(var(--wiki-alert-color--rgb), 0.9); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-alert-color--rgb), 0.75); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon { background-color: var(--wiki-alert-color); border-color: var(--wiki-accent-color); } .cdx-checkbox__input:disabled + .cdx-checkbox__icon { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .cdx-checkbox__input:disabled ~ .cdx-checkbox__label { color: var(--wiki-content-text-mix-color); } .cdx-checkbox__input:checked:not(:indeterminate) + .cdx-checkbox__icon::before { background:var(--wiki-accent-label-color); position:absolute; width:100%; height:100%; --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%2523fff' d='M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z'/%3E%3C/svg%3E"); --mask-size: 1.1428571em 1.1428571em; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask-image: var(--mask-image); mask-image: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); } /**/ /* Switches */ .cdx-toggle-switch__switch { background-color:var(--wiki-content-background-color); border-color:rgba(var(--wiki-content-dynamic-color--rgb), 0.65); } .cdx-toggle-switch__input:enabled ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip, .cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip { background-color:var(--wiki-accent-color); border-color:var(--wiki-accent-color); } .cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch, .cdx-toggle-switch__input:enabled:focus:not(:active) ~ .cdx-toggle-switch__switch{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-accent-color); } .cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch { background-color:var(--wiki-accent-color); border-color:var(--wiki-accent-label-color); } .cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip, .cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch::before, .cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{ border-color:var(--wiki-accent-label-color); } .cdx-toggle-switch__input:enabled:checked:hover ~ .cdx-toggle-switch__switch, .cdx-toggle-switch__input:enabled:checked:focus ~ .cdx-toggle-switch__switch{ background-color: rgba(var(--wiki-accent-color--rgb), 0.75); border-color: rgba(var(--wiki-accent-color--rgb), 0.75); } /**/ /* Tabs */ .ext-wc-editor .cdx-tabs--framed .cdx-tabs__header { background-color:var(--wiki-content-background-color--secondary); border-bottom:1px solid var(--wiki-accent-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected="true"], .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected="true"]:hover { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:enabled:hover { background-color: rgba(var(--wiki-accent-color--rgb), 0.75); color:var(--wiki-accent-label-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:focus-visible, .cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item:focus-visible { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } /**/ /* Menus */ .cdx-menu { background-color: var(--wiki-content-background-color); border-color: 1px solid var(--wiki-content-border-color); box-shadow: 0 2px 2px rgba(var(--wiki-content-dynamic-color--inverted--rgb,.2)); } .cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content { color: var(--wiki-content-text-color); } .cdx-menu-item--enabled.cdx-menu-item--highlighted { background-color: rgba(var(--wiki-accent-color--rgb), 0.2); } .cdx-menu-item--enabled.cdx-menu-item--selected { background-color:var(--wiki-content-background-color--secondary); } .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted, .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content, .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description, .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content, .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{ color:var(--wiki-accent-color); } /**/ /* Progress bar */ .cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar { background-color: var(--wiki-accent-color); } .cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block { background-color: var(--wiki-content-background-color); } .cdx-progress-bar:not(.cdx-progress-bar--inline) { border-color: rgba(var(--wiki-accent-color--rgb), 0.5); } /**/ /* Cards */ .cdx-card { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .cdx-card__text__title { color: var(--wiki-heading-color); } .cdx-card__text__description, .cdx-card__text__supporting-text, .cdx-card__text__description .cdx-icon, .cdx-card__text__supporting-text .cdx-icon { color: var(--wiki-content-text-color); } /**/ /* Messages */ .cdx-message { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border-color:var(--wiki-content-border-color); } .cdx-message__icon { filter:var(--wiki-icon-general-filter); } /**/ .cdx-icon svg { fill:var(--wiki-content-link-color); } /************ * End codex * *************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow: inset 0 -1px 0 rgba(var(--wiki-content-border-color--rgb),0.5); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.75); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.78); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: rgba(var(--wiki-content-link-color--rgb),0.1); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow: 0 0 0 1px rgba(var(--wiki-content-link-color--rgb), 0.2); background-color: rgba(var(--wiki-content-link-color--rgb), 0.1); } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: rgba(var(--wiki-content-dynamic-color--rgb),0.05); } .ve-ce-languageAnnotation { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.2); border-color:var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: rgba(var(--wiki-accent-color--rgb),0.1); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.5); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color: rgba(var(--wiki-content-text-color--rgb),0.8); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color: rgba(var(--wiki-content-text-color--rgb),0.6); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color: rgba(var(--wiki-content-link-color--rgb),0.2); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color: rgba(var(--wiki-success-color--rgb),0.2); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: rgba(var(--wiki-warning-color--rgb),0.2); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:rgba(var(--wiki-alert-color--rgb),0.2); } /****************** * End AbuseFilter * *******************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color: rgba(var(--wiki-content-text-color--rgb), 0.95); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color:rgba(var(--wiki-warning-color--rgb),0.1); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color:rgba(var(--wiki-warning-color--rgb),0.4); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height:unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height:calc( 80px /*card height*/ + 10px /*card margin*/ + 1em /*container padding*/ + 0.3em /*card-list margin*/ + 0.8em /*h2 font-size*/ + 1em /*h2 padding*/ + 0.6em /*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color:var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color: rgba(var(--wiki-content-border-color--rgb),0.2); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color:var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color:var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color:var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color:rgba(var(--wiki-content-text-color--rgb), 0.5); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position:relative; background-image:none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: rgba(var(--wiki-content-text-color--rgb), 0.75); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom:1px solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right:1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow: 0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px rgba(var(--wiki-content-border-color--rgb),0.05); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color:var(--wiki-content-background-color); color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color:var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color:var(--wiki-content-background-color); } .popups-icon { position:relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em,20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image:none; } .popups-icon::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; -webkit-mask-image:var(--mask-image, none); mask-image:var(--mask-image, none); -webkit-mask-repeat:var(--mask-repeat, no-repeat); mask-repeat:var(--mask-repeat, no-repeat); -webkit-mask-size:var(--mask-size, calc(max(1.4285714em,20px))); mask-size:var(--mask-size, calc(max(1.4285714em,20px))); -webkit-mask-position:var(--mask-position, center); mask-position:var(--mask-position, center); background-color:var(--mask-color, currentColor); background-color:var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-data-after-content { margin-left:0; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: scroll; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: 1px; border-right-width: 1px; margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; word-break:break-all; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ e16d47368c7a49066544aca8e70085bc37760b6c 8 28 29 2024-11-22T22:21:24Z Crimroxs 244470 Adding default set of pages javascript text/javascript /* All JavaScript here will be loaded for users of the Vector skin */ /*** Mobile navigation toggle button ***/ $( function () { var mobileSidebarButton = document.createElement( 'button' ); mobileSidebarButton.className = 'mobile-nav-toggle'; mobileSidebarButton.addEventListener( 'click', function () { mobileSidebarButton.classList.toggle( 'nav--expanded' ); } ); document.body.classList.add( 'has-vector-mobile-menu' ); document.getElementById( 'mw-panel' ).prepend( mobileSidebarButton ); } ); /*** End mobile navigation toggle button ***/ fe358e2ae21cc8ac3ac603bdc0df2ff4a2d437b5 10 29 30 2024-11-22T22:21:25Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki ||<noinclude>{{documentation}}</noinclude> 02fb31115eef5c15d6612ac334bf5a5d83155c0a 10 30 31 2024-11-22T22:21:27Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 31 32 2024-11-22T22:21:28Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [<noinclude> {{documentation}}</noinclude> 1b058774deae9a7e511a0486a04647d6a3b9af62 10 32 33 2024-11-22T22:21:29Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[<noinclude> {{documentation}}</noinclude> a331374acf15177afbb3ffc0ec7bd5ada14c582e 10 33 34 2024-11-22T22:21:30Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 34 35 2024-11-22T22:21:31Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 35 36 2024-11-22T22:21:32Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki |}<noinclude>{{documentation}}</noinclude> b2debea163716e114d1ea46e65a63d7a1ae84bc0 10 36 37 2024-11-22T22:21:33Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 37 38 2024-11-22T22:21:34Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki |-<noinclude>{{documentation}}</noinclude> 636f9e440c24f4a3fe28b49cebd1808c3de8a814 10 38 39 2024-11-22T22:21:36Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki |-|<noinclude>{{documentation}}</noinclude> c634369c1e88b95ebe6a6d827cb32dc1e9c61fec 10 39 40 2024-11-22T22:21:37Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 40 41 2024-11-22T22:21:39Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 41 42 2024-11-22T22:21:40Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {<noinclude> {{documentation}}</noinclude> 490a0c9c85eff213addd7272fe40f8627a637c75 10 42 43 2024-11-22T22:21:41Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {|<noinclude>{{documentation}}</noinclude> 86e51fe1f06ae532410029eb39fa936d68880bc8 10 43 44 2024-11-22T22:22:43Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 44 45 2024-11-22T22:22:45Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{<noinclude>{{documentation}}</noinclude> a506ba66cf7c806baae7faecb221b3a946721f6a 10 45 46 2024-11-22T22:22:46Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{{<noinclude> {{documentation}}</noinclude> fa33084b57c1f33c82290de279827b973ab2fba8 10 46 47 2024-11-22T22:22:47Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 47 48 2024-11-22T22:22:48Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- ! scope="col" style="width:7.0em;" | {{no wrap|Template call}}<br>{{normal|('''m''' for magic word)}} ! scope="col" style="width:5.75em;" | {{no wrap|Output}}&nbsp;{{normal|(delayed interpretation as wikimarkup)}} ! scope="col" style="width:9.0em;" | {{no wrap|HTML alternative}} {{normal|(never interpreted as wikimarkup)}} ! Why you might want to use this |- style="vertical-align:top" | <code><nowiki>{{!}}</nowiki></code> '''(m)''' | <nowiki>|</nowiki> | &amp;#124; or {{tl|pipe}} | Displaying pipe characters inside of a parser function |- style="vertical-align:top" | <code><nowiki>{{=}}</nowiki></code> '''(m)''' | <nowiki>=</nowiki> | &amp;#61; | Displaying equal signs inside of unnamed parameters (e.g. <code><nowiki>{{MyTemplate|1+1=2}}</nowiki></code> will assign <code>2</code> to <code><nowiki>{{{1+1|}}}</nowiki></code>; <code><nowiki>{{MyTemplate|1+1{{=}}2}}</nowiki></code> will do what you want) |- style="vertical-align:top" | {{tlx|!!}} | <nowiki>||</nowiki> | &amp;#124;&amp;#124; | Displaying a break between two table cells inside of a parser function |- style="vertical-align:top" | {{tlx|!(}} | {{!(}} | &amp;#91; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|)!}} | {{)!}} | &amp;#93; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|!((}} | {{!((}} | &amp;#91;&amp;#91; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|))!}} | {{))!}} | &amp;#93;&amp;#93; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|(}} | {{(}} | &amp;#123; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|)}} | {{)}} | &amp;#125; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|((}} | {{((}} | &amp;#123;&amp;#123; | Displaying open braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|))}} | {{))}} | &amp;#125;&amp;#125; | Displaying closed braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|(((}} | {{(((}} | &amp;#123;&amp;#123;&amp;#123; | Displaying a template parameter's open curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|)))}} | {{)))}} | &amp;#125;&amp;#125;&amp;#125; | Displaying a template parameter's closed curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|(!}} | <nowiki>{|</nowiki> | &amp;#123;&amp;#124; | Starting a table inside of a parser function |- style="vertical-align:top" | {{tlx|!-}} | <nowiki>|-</nowiki> | &amp;#124;&amp;#45; | Starting a new table row inside of a parser function |- style="vertical-align:top" | {{tlx|!)}} | <nowiki>|}</nowiki> | &amp;#124;&amp;#125; | Closing a table inside of a parser function |}<includeonly> [[Category:Formatting templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 1bdc95eb92ba36093f841fc832035a79501db2cb 10 48 49 2024-11-22T22:22:49Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 49 50 2024-11-22T22:22:50Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki ]<noinclude> {{documentation}}</noinclude> 016897dfd1af3b146bed2b47e7aa58c0bbf6f23d 10 50 51 2024-11-22T22:22:52Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki ]<noinclude> {{documentation}}</noinclude> 016897dfd1af3b146bed2b47e7aa58c0bbf6f23d 10 51 52 2024-11-22T22:22:52Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 52 53 2024-11-22T22:22:53Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki }}<noinclude> {{documentation}} </noinclude> 85ca77d4d6ff71d8e6396ebd798f87fa7f45dc02 10 53 54 2024-11-22T22:22:55Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki ]]<noinclude> {{documentation}}</noinclude> 3d84066ce45d0c1fca0bb04608a4e73c6ea54324 10 54 55 2024-11-22T22:22:56Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 55 56 2024-11-22T22:22:57Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki }}}<noinclude> {{documentation}}</noinclude> 585d94f6fe636b77087dc0d06bfbe6cb69b29987 10 56 57 2024-11-22T22:22:58Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 57 58 2024-11-22T22:22:59Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 58 59 2024-11-22T22:22:59Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 59 60 2024-11-22T22:23:00Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki &nbsp;&bull;&nbsp;<noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 81a7f0051da7b8f4a0548d91c5eb429a974fac91 10 60 61 2024-11-22T22:23:02Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This is the '''bullet''' template; it looks like this: [&nbsp;&bull;&nbsp;] It works similarly to the HTML markup sequence: [<code>'''&amp;nbsp;&amp;bull;&amp;nbsp;'''</code>], that is, a non-breaking space, a bullet and a non-breaking space. This template is used when you want a larger bullet than a bold middot ['''&middot;'''], but something smaller than an en dash [&ndash;]. <noinclude>[[Category:Template documentation]]</noinclude> ea04fe63a10dc333ed9c48bfc397debb11682f1e 10 61 62 2024-11-22T22:23:03Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Clear]] 1a2aa4a9ba7478e54a2b21cbce68887ea297ea86 10 62 63 2024-11-22T22:23:05Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="ambox {{{class|}}} {{#ifeq:{{lc:{{{tiny|}}}}}|yes|tiny}}"<!-- --> style="{{#if:{{{color|}}}|--ambox-color: {{{color|}}};<!-- /if -->}}"><!-- --><div class="ambox-icon metadata <!-- the metadata class stops it from showing in MediaViewer -->">[[File:{{{icon|Ambox banner content.svg}}}{{!}}{{#ifeq:{{lc:{{{tiny|}}}}}|yes|48x20px|48x48px}}|alt=|link=]]</div><!-- --><div class="ambox-content"><!-- start ambox content -->{{#if: {{{title|}}} | <p class="ambox-title">{{{title}}}</p> }}<!-- --><p class="ambox-text">{{{message|No text provided.}}}{{#if: {{{date|}}} |<nowiki> </nowiki>(Message added: {{{date}}}) }}</p><!-- --></div><!-- end ambox content --></div><!-- end ambox --></includeonly><noinclude> {{doc}} [[Category:Notice templates]]</noinclude> 8aaad422c212cbd451862c241845af0d62eddbd5 10 63 64 2024-11-22T22:23:06Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{#ifeq:{{ROOTPAGENAME}}|Ambox|"Ambox" is an abbreviation for '''A'''rticle '''m'''essage '''box'''. You can use amboxes in articles to indicate something important about the current page, often in the header.| This '''message template''' is an [[Template:Ambox|article message box]], or '''ambox'''. The documentation below discusses how to use each ambox provided by the wiki. }} == Premade amboxes == === Problem notice amboxes === These amboxes are used temporarily to notify other editors and visitors about a problem with an article. These amboxes support the following parameters: * <code>|tiny=</code>: If set to <code>yes</code>, the box will have less padding and the icon will be much smaller than default. * <code>|class=</code>: Any additional CSS classes to add to the ambox container element. * <code>|date=</code>: The date the ambox was added to the page. * <code>|nocat=</code>: If set to <code>yes</code>, no category will be added to the page. Use this only when creating documentation. '''Note:''' Premade amboxes need the base {{tl|Ambox}} template to work. {| class="wikitable" ! Code !! Result |- | {{tl|Cleanup}} || {{Cleanup|nocat=yes}} |- | {{tl|Delete}} || {{Delete|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Merge|Merge]]|Example<nowiki>}}</nowiki></code> || {{Merge|Template:Ambox{{!}}Example|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Move|Move]]|Example<nowiki>}}</nowiki></code> || {{Move|Template:Ambox{{!}}Example|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Split|Split]]|Example<nowiki>}}</nowiki></code><br/><br/><code><nowiki>{{</nowiki>[[Template:Split|Split]]|Example 1|Example 2|Example 3<nowiki>}}</nowiki></code> || {{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} |- | {{tl|Stub}} || {{Stub|nocat=yes}} |- |} === Informational amboxes === These amboxes are intended as permanent fixtures to a page, to notify visitors about some piece of information relevant to the page. These amboxes support the following parameters in addition to any listed: * <code>|tiny=</code>, if set to <code>Yes</code> the image will be much smaller than default * <code>|class=</code>, any additional classes to add to the ambox container {| class="wikitable" ! Code !! Additional parameters !! Result |- | {{tl|Spoiler warning}} || || {{Spoiler warning|nocat=yes}} |- | {{tl|No direct use}} || || {{No direct use|nocat=yes}} |- | {{tl|Uses Lua}} || <code><nowiki>|1=</nowiki></code>, a comma-separated list of modules used || {{Uses Lua|nocat=yes}} |} === Optional parameters === You can use optional parameters to further customize a premade ambox. The example below is using <code>tiny=yes</code> and <code>date=01/01/2021</code>. {{Cleanup|tiny=yes|date=01/01/2021|nocat=yes}} == Creating a custom ambox == You can create additional ambox templates as needed using the following parameters: <pre> {{Ambox | color = The left border color. | icon = The icon image to be displayed. | title = The optional title. | message = The explanation text displayed. | tiny = If you want the tiny version of the ambox, fill the parameter with "yes". | date = An optional date of creation for the message. | class = An optional CSS class for the ambox. }} </pre> == Dependencies == For this template to work properly, you need the following: * <code>.ambox</code> and any related classes, found in [[MediaWiki:Common.css]]. <includeonly>[[Category:Notice templates]]</includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 19e01b656b67f24a1661f270d71645c5e65caf4a 10 64 65 2024-11-22T22:23:07Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><span id="{{{1}}}"></span><!-- --></includeonly><!-- --><noinclude>{{doc}} [[Category:Navigation templates]]</noinclude> 08ccba46722925866447768d344bf540b0b55e79 10 65 66 2024-11-22T22:23:08Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki == Summary == This template can be used to insert an invisible anchor (reference points) into a page that can later be used by internal wiki links. == Usage == To create a custom anchor, use <code><nowiki>{{Anchor|Anchor Name}}</nowiki></code> anywhere in the page. For example, if you create the anchor <code><nowiki>{{Anchor|Example Anchor}}</nowiki></code> in the page <code><nowiki>[[Example]]</nowiki></code>, you can access it through the internal link <code><nowiki>[[Example#Example Anchor]]</nowiki></code>. Remember that you can create a [[support:Redirect|redirect]] to this template so that you can call it more easily, such as with <code><nowiki>{{a|Anchor Name}}</nowiki></code>. <noinclude>[[Category:Template documentation]]</noinclude> 4b0ddb50416a354db262e62617d9b45056f4d526 10 66 67 2024-11-22T22:23:09Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{Link icon|{{{1|}}}|{{{2|}}}|type=Character}}</includeonly><noinclude>{{documentation}}[[Category:Formatting templates]]</noinclude> 24bad84fd5dea93cab210dfd592fda86af09eb87 10 67 68 2024-11-22T22:23:11Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki == Summary == <templatedata> { "params": { "1": { "aliases": [ "page" ], "label": "Page Name", "description": "The name for the target page.", "example": "Page Name", "type": "wiki-page-name", "required": true }, "2": { "aliases": [ "label" ], "label": "Link Label", "description": "The text to the be displayed on the link icon's label.", "example": "Alternative Page Name", "type": "line" } }, "description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Character).png\".", "format": "inline" } </templatedata> == Examples == For the examples below, <code><nowiki>File:Invisible Boy (Character).png</nowiki></code> was used as the icon for a page called <code>Invisible Boy</code>. {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Character icon|Invisible Boy}}</nowiki></code> || {{Character icon|Invisible Boy}} |- | <code><nowiki>{{Character icon|Invisible Boy|The Invisible Boy}}</nowiki></code> || {{Character icon|Invisible Boy|The Invisible Boy}} |- | <code><nowiki>{{Character icon|Invisible Boy|notext}}</nowiki></code> || {{Character icon|Invisible Boy|notext}} |- | <code><nowiki>{{Character icon|Missing Boy}}</nowiki></code> (Missing Page Icon) || {{Character icon|Missing Boy}} |} == Dependencies== For this template to work properly, you need the following: * The base {{tl|Link icon}} template. * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. 0999a706143c16f5ed970816e7825239cfce9547 10 68 69 2024-11-22T22:23:12Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Cleanup.svg | message = This page does not meet '''{{SITENAME}}''''s page quality standards. You can [{{fullurl:{{FULLPAGENAME}}|action=edit}} edit it] to help fixing grammar, formatting, or code issues. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Pages in need of improvement]]}}</includeonly><!-- --><noinclude>{{Cleanup|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 150c056a9c89e3cf148e7243f5bf27c87d43600a 10 69 70 2024-11-22T22:23:13Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 70 71 2024-11-22T22:23:15Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <div style="clear:{{{1|both}}};" class={{{class|}}}></div><noinclude> {{documentation}} </noinclude> 5b24b9fd5cc166a8c486e2422d5df465206ed39c 10 71 72 2024-11-22T22:23:15Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This template allows you to [https://developer.mozilla.org/en-US/docs/Web/CSS/clear clear] the left side, the right side, or both by adding <code>&lt;div style="clear:left/right/both;"&gt;&lt;/div&gt;</code> ==Usage== {{tlx|Clear}}: Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images. An optional <code>class</code> parameter can additionally be given for custom functionality. To clear the left, simply put {{tlx|Clear|left}}. To clear the right, put {{tlx|Clear|right}}. To clear both sides, put {{tlx|Clear}}. This template can also be called with {{tlx|-}} for short. <templatedata> { "params": { "1": { "label": "Direction", "description": "Which direction to clear", "type": "string", "default": "both", "suggestedvalues": [ "left", "right", "both" ] }, "class": { "label": "Class", "description": "A class to give to the clear", "type": "string" } }, "description": "Clears the left, right, or both.", "format": "inline" } </templatedata> <noinclude> [[Category:Template documentation]] </noinclude> 30e700cb1ba6902a86860319bd230680193d3b04 10 72 73 2024-11-22T22:23:17Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><span class="color">{{{1}}}&nbsp;<span class="color__splotch" style="background-color: {{{1}}};" title="{{{1}}}"></span></span>[[Category:Pages with colors]]</includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 8d576236ad82770d3c04720d4ac105edcb835874 10 73 74 2024-11-22T22:23:18Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This template creates a small color splotch with a given background color next to a plaintext color code. This is useful for previewing colors. ==Usage== {{tlx|color|<color>}} Where <code><color></code> is any valid [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color]. ==Examples== <pre> My favorite color is {{color|darkgreen}} I think the current {{color|#6d8afb}} of links should be changed to a {{color|#6df4fb}} RGB is cool too, you can do {{color|rgb(128,255,128)}}, or even transparency with {{color|rgba(128,255,128,0.5)}}. </pre> Produces: My favorite color is {{color|darkgreen}} I think the current {{color|#6d8afb}} of links should be changed to a {{color|#6df4fb}} RGB is cool too, you can do {{color|rgb(128,255,128)}}, or even transparency with {{color|rgba(128,255,128,0.5)}}. <noinclude>[[Category:Template documentation]]</noinclude> cb66b177cf785e1b3f60e28e36852b253e4b3d82 10 74 75 2024-11-22T22:23:19Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <code><nowiki>[</nowiki>[[Special:CargoTables/{{{1}}}|{{{1}}}]]<nowiki>]</nowiki>{{#if:{{{2|}}}|.{{{2}}}}}</code><noinclude> [[Category:Formatting templates]]</noinclude> d868545d4d3eeb1545e963d063199a68abba7836 10 75 76 2024-11-22T22:23:19Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = grey | icon = Delete.svg | title = Candidate for Deletion | message = This page lacks relevance for '''{{SITENAME}}''' and is a candidate for '''deletion'''. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for deletion]]}}</includeonly><!-- --><noinclude>{{Delete|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 6c827de94518d7f5f1635b13425be0d0fb4078da 10 76 77 2024-11-22T22:23:20Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 77 78 2024-11-22T22:23:21Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:topic|<!-- start vd -->{{#if:{{{topic|}}} | {{{topic}}} | {{PAGENAME}} }}<!-- end if -->}}<!-- end vd -->{{#vardefine:disambig|<!-- start vd -->{{#if:{{{1|}}}<!-- start custom disambig if -->|{{{1}}}<!-- start label if -->{{#if:{{{2|}}} | {{!}}{{{2}}} }}<!-- end label if -->|{{#var:topic}} (disambiguation)<!-- else; use regular disambig -->}}<!-- end custom disambig if -->}}<!-- end vd -->{{Hatnote|<!-- -->This page is about '''{{#var:topic}}'''. For other uses, see [[{{#var:disambig}}]].<!-- -->|icon=Disambig.svg<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> c4c62e7a1876492eb970ea182cf4ac0bcad97913 10 78 79 2024-11-22T22:23:22Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Disambiguation Page", "description": "A custom disambiguation page name.", "example": "Disambiguation Page", "type": "wiki-page-name" }, "2": { "label": "Link Label", "description": "A label for the custom disambiguation page.", "example": "Alternative Page Name", "type": "line" }, "topic": { "label": "Custom Topic", "description": "In case {{PAGENAME}} does not describe the topic, this can be used to display a custom topic", "example": "a custom topic", "default": "{{PAGENAME}}", "type": "line" } }, "description": "This hatnote template is meant to be used at the top of an article to indicate the existence of a disambiguation page.", "paramOrder": [ "1", "2", "topic" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Disambiguation}}</nowiki></code> || {{Disambiguation|topic=Example}} |- | <code><nowiki>{{Disambiguation|Special:Random|topic=Example}}</nowiki></code> || {{Disambiguation|Special:Random|topic=Example}} |- | <code><nowiki>{{Disambiguation|Special:Random|Page Label|topic=this particular topic}}</nowiki></code> || {{Disambiguation|Special:Random|Page Label|topic=this particular topic}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:About|Wikipedia's About Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 5fce9c689120c57454571ff0e60a2cd447df5713 10 79 80 2024-11-22T22:23:23Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{#if:{{{1|{{{id|}}}}}}|<!-- -->{{#ifeq: {{lc:{{{full|}}}<!-- -->}} | yes<!-- display the full widget: -->|<div class="DiscordIntegrator" style="width: {{#or:{{{width|}}}|100%}}; height: {{#or:{{{height|}}}|300px}}" data-id="{{{1|{{{id}}}}}}" data-logged-in="{{{loggedIn}}}" data-theme="{{{theme|}}}" data-width="100%" data-height="100%"><!-- -->If you see this, your JavaScript might be disabled or DiscordIntegrator plugin isn't working. If the latter, please contact a wiki administrator.</div><!-- display only the small widget: -->|<div id="discord-compact-widget" data-id="{{{1|{{{id}}}}}}"></div><!-- -->}}<!-- case: id is not supplied -->|<strong class="error">DiscordIntegrator error: ID of the server isn't supplied.</strong> For instructions on how to find a Discord server ID, see [https://support.discord.com/hc/articles/206346498 this Discord Help Center article]<!-- -->}}</includeonly><!-- --><noinclude>{{Documentation}} [[Category:Templates]]</noinclude> 0882845bbc1499745a84ba6ab6195783439f7ab3 10 80 81 2024-11-22T22:23:24Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This template allows you to either use [[support:DiscordCompact|DiscordCompact]] or [[support:DiscordWidget|DiscordWidget]] to display information about a certain Discord server. == Usage == In order to be able to show a Discord server widget on your wiki, first go to your Discord server and do the following: * Open the <code>Server Settings</code>, then go to the <code>Widget</code> section. * Enable the Widget. * Copy the <code>Server ID</code>. Then, do the following depending on the type of widget you want to use (compact or full). === Compact Widget (Default) === {{main|support:DiscordCompact{{!}}DiscordCompact}} The compact widget is the default one. To use it, simply add the template with the server ID either as the '''first''' parameter or as the <code>id</code> parameter: * <code><nowiki>{{Discord|serverID}}</nowiki></code> * <code><nowiki>{{Discord|id=serverID}}</nowiki></code> === Full Widget === {{main|support:DiscordWidget{{!}}DiscordWidget}} To use the full version of the Discord widget, you have to specify <code>full=yes</code> as one of the template parameters, with the ID either as the '''first''' parameter or as the <code>id</code> parameter: * <code><nowiki>{{Discord|serverID|full=yes}}</nowiki></code> * <code><nowiki>{{Discord|full=yes|id=serverID}}</nowiki></code> You can further customize the widget with the <code>width</code>, <code>height</code> and other parameters. See the Examples section and the full documentation for DiscordWidget on the [[support:DiscordWidget|Support Wiki]]. == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Discord|951501892553424917}}</nowiki></code><br/><code><nowiki>{{Discord|id=951501892553424917}}</nowiki></code> || {{Discord|951501892553424917}} |- | <code><nowiki>{{Discord|951501892553424917}|full=yes}</nowiki></code> || {{Discord|951501892553424917|full=yes}} |- | <pre><nowiki>{{Discord|full=yes |id = 951501892553424917 |width = 300px |height = 500px }}</nowiki></pre> || {{Discord|full=yes|id=951501892553424917|width=300px|height=500px}} |} == Dependencies == * As stated before, both Compact and Widget require the given Discord server to have Widgets enabled in its Server Settings. * DiscordCompact requires [[support:DiscordCompact#MediaWiki:DiscordCompact.js-0|DiscordCompact.js]] code, present in [[MediaWiki:Common.js]]. * DiscordWidget requires [[dev:DiscordIntegrator.js|DiscordIntegrator.js]] code, present in [[MediaWiki:Common.js]]. == TemplateData == <templatedata> { "params": { "1": { "aliases": [ "id" ], "label": "Server ID", "description": "The Discord server's ID.", "example": "951501892553424917", "type": "line", "required": true }, "full": { "label": "Use Full Widget", "example": "yes", "type": "boolean", "description": "Do you want to use the full widget?" }, "width": { "label": "Width (Full Widget only)", "description": "A custom width for the full widget.", "example": "300px", "type": "line" }, "height": { "label": "Height (Full Widget only)", "description": "A custom height for the full widget.", "example": "500px", "type": "line" } }, "description": "This template allows you to either use DiscordCompact or DiscordWidget extensions to display information about a certain Discord server.", "paramOrder": [ "1", "full", "width", "height" ], "format": "block" } </templatedata> 641236c3823c42440e97734170310cd9877aa84e 10 81 82 2024-11-22T22:23:25Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{text|}}} | {{{text}}} |<!-- start top if -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] or [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>or [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end custom disambig if -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->Not to be confused with {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 67ae5406ffd29bec56cfe7ad6527bb09a9733496 10 82 83 2024-11-22T22:23:26Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Alternative", "description": "The alternative page.", "example": "Alternative Page", "type": "wiki-page-name", "suggested": true }, "2": { "label": "Second Alternative", "description": "A second alternative page.", "example": "Second Alternative Page", "type": "wiki-page-name" }, "3": { "label": "Third Alternative", "description": "A third alternative page.", "example": "Third Alternative Page", "type": "wiki-page-name" }, "text": { "label": "Alternative Text", "description": "Instead of using pages, you can provide a full alternative text. This parameter overrides other provided parameters.", "example": "the alternative page, [[Alternative Page]]", "type": "line" } }, "description": "This hatnote template is meant to be used to indicate possible alternatives to what the reader wants to find.", "paramOrder": [ "1", "2", "3", "text" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Distinguish|Special:Uncategorizedpages{{!}}Page 1}} |- | <code><nowiki>{{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}}</nowiki></code> || {{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:Distinguish|Wikipedia's Distinguish Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 2a06ed576ae6479add20834628f9378c657cb4fb 10 83 84 2024-11-22T22:23:27Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Documentation]] 041222999c2c4765a4663432058f50686fb65f40 10 84 85 2024-11-22T22:23:28Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="documentation"><!-- --><div class="documentation-header"><!-- -->[[File:Template-{{#ifexist:{{#vardefineecho:docpage|{{{1|Template:{{#replace:{{{1|{{PAGENAME}}/doc}}}|Template:|}}}}}<!-- end vde -->}}|{{#if:{{{baddoc|}}}|bad}}|no}}info.svg|50px|link=]] <!-- --><span style="font-weight: bold; font-size: 125%; margin-right: 10px;">Documentation</span> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!--nothing-->|<!-- -->{{#ifexist:{{#var:docpage}}|<!-- --><span style="font-size: 90%; font-style: italic;"><!-- -->[{{fullurl:{{#var:docpage}}|action=edit}} Edit] this documentation at [{{fullurl:{{#var:docpage}}|redirect=no}} {{FULLPAGENAMEE:{{#var:docpage}}}}].<!-- --></span><!-- -->}}<!-- -->}}<!-- --><div style="float: right; margin-left: 5px;"><!-- -->[{{fullurl:{{FULLPAGENAMEE}}|action=purge}} purge]<!-- --></div><!-- --></div><!-- <!-- leave line break here --> {{#if:{{{lua|}}}|{{UsesLua|{{{lua}}} }} }} <!-- documentation text/error box begins here --> <div style="border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: 0.5em auto 1em; padding: 0.8em 1.2em; background: var(--wiki-content-background-color--secondary);"> <!-- -->{{#ifexist:{{#var:docpage}}|<!-- If there is documentation --> {{ {{#var:docpage}} }} <!-- Else -->|<!-- -->No documentation subpage exists yet for this template. [{{fullurl:{{FULLPAGENAMEE:Template:{{{1|{{PAGENAME}}}}}}}/doc|action=edit&preload=Template:Doc/preload}} Create one now].<!-- -->[[Category:Templates with no documentation]]<!-- -->}}<!-- leave line break here --> <!-- documentation text/error box ends here --> </div> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!-- -->{{#ifeq:{{BASEPAGENAME}}|Doc|<!--nothing-->|<!-- only if page is not Template:Doc -->This is the documentation page, it should be transcluded into the main template page. See {{tlx|doc}} for more information. <!-- -->[[Category:Template documentation]]<!-- -->}}<!-- -->}}<!-- --></div><!-- --></includeonly><!-- --><noinclude>{{Documentation}} [[Category:Documentation templates| ]] </noinclude> 5e49b1b7e058769b5c2e3e9cc00ddf9271ed8bb8 10 85 86 2024-11-22T22:23:30Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki Use {{tl|documentation}} inside of the <code><nowiki><noinclude></noinclude></nowiki></code> section on your template. Then create your template at the <code>/doc</code> subpage of your template. <noinclude>[[Category:Template documentation]]</noinclude> 055b0481a1967951c59f15a09b92767c90baa8dd 10 86 87 2024-11-22T22:23:31Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main <!-- See https://support.wiki.gg/wiki/DRUID_infoboxes for extra documentation --> <!-- the "kind" categorizes this type of infobox. For example, you might want to write `Character`, `Level`, or `Item`. --> <!-- This `kind` value should be unique to this template, and no other infobox template should have the same value --> |kind=example-1 <!-- You can almost certainly leave the separator alone, unless one of your *section names* has a comma in it --> |sep=, <!-- feel free to edit the 300px but mostly try to avoid changing this next line unless you are adding tabs --> |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Region,Element |Stats=Attack, HP, Armor, Attack Speed <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- Here is the above code without comments for easier copy-pasting: {{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=General Info, Stats |General Info=Region,Element |Stats=Attack, HP, Armor, Attack Speed |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }} --></includeonly><noinclude> {{documentation}} [[Category:Infobox templates]]</noinclude> f49d0f82d5a212306ff66b8fee112ecf88123576 10 87 88 2024-11-22T22:23:31Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This is an example character infobox using the [[support:DRUID Infoboxes|DRUID Infoboxes]] framework. You can edit it, move (rename) it, or delete it as desired. == Modify this template == To see how DRUID works, please '''edit this page'''! It has several comments explaining the different parts of how to make an infobox. == Copyable code for use on other content pages == If you want to create pages using this infobox, you can use the snippet below. Please understand, this code is for CONTENT PAGES ONLY!! It does not have anything to do with changing what the template supports. <pre> {{Example Character Infobox |title= |image= |Region= |Element= |Attack= |HP= |Armor= |Attack Speed= }} </pre><noinclude>[[Category:Template documentation]]</noinclude> aecbcf2aaffddf363070e0edc5951438d211a740 10 88 89 2024-11-22T22:23:34Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{3|}}}<!-- if more than one page -->|[[{{{2}}}]]{{#if:{{{4|}}}<!-- start concat if -->|, [[{{{3}}}]] and [[{{{4}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{3}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{2}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->For {{{1}}}, see {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 1899e48855153617f7c0bf3087b781bc80f0395c 10 89 90 2024-11-22T22:23:35Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Topic", "description": "The topic the following pages are about.", "example": "more information", "type": "line", "required": true }, "2": { "label": "Related Page", "description": "A related page.", "example": "Related Page", "type": "wiki-page-name", "required": true }, "3": { "label": "Second Page", "description": "A second related page.", "example": "Second Related Page", "type": "wiki-page-name" }, "4": { "label": "Third Page", "description": "A third related page.", "example": "Third Related Page", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be used to show pages related to a topic the reader might want to visit.", "paramOrder": [ "1", "2", "3", "4" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{For|more information|Special:WantedPages}}</nowiki></code> || {{For|more information|Special:WantedPages}} |- | <code><nowiki>{{For|more information|Special:WantedPages|Special:UncategorizedPages}}</nowiki></code> || {{For|more information|Special:WantedPages|Special:UncategorizedPages}} |- | <code><nowiki>{{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}</nowiki></code> || {{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}} |- | <code><nowiki>{{For|more information|Special:WantedPages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{For|more information|Special:WantedPages{{!}}Page 1}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> b2a30a9bf8acff259d5e86654a2de69c2d5e4fff 10 90 91 2024-11-22T22:23:36Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = darkblue | icon = Wikipedia.svg | title= This code is adapted from [[wikipedia:Main Page|Wikipedia]]. | message = For the original code, see the following pages: {{#arraymap:{{{1|}}}|,|%s|[[wikipedia:%s|%s]]}} | tiny = {{{tiny|}}} | class = {{{class|}}} }}</includeonly><noinclude>{{doc}}</noinclude> 0bb256ef5acc38fb0cfbdacc22e75aab89bd6e2c 10 91 92 2024-11-22T22:23:37Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <code>Gadget - [[MediaWiki:Gadget-{{{1}}}|{{{1}}}]]</code><noinclude>[[Category:Formatting templates]]</noinclude> 3ddc96bdd5961224a208f920b89d07676df2b8ac 10 92 93 2024-11-22T22:24:39Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->[[Category:Pages with hatnotes]]<!-- --><div class="hatnote {{#if:{{{icon|}}}|icon}}">{{#if:{{{icon|}}}|[[File:{{{icon}}}|x22px]]<nowiki> </nowiki>}}{{{1|}}}</div><!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates| ]]</noinclude> c239246055fdd6c2f4aa85033ba3e93b9baa4733 10 93 94 2024-11-22T22:24:40Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{No direct use}} == List of hatnote templates == * {{tl|Disambiguation}} * {{tl|Distinguish}} * {{tl|For}} * {{tl|Main}} == Dependencies == For this template to work properly, you need the following: * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. * The <code>--wiki-content-border-color--secondary</code> CSS variable, defined in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 464f2f866befaf4cfa47f68ab0ad4f170c13463d 10 94 95 2024-11-22T22:24:41Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Link icon]] 6ebdedb4de95efaa3e6ca27590e79aca674f2364 10 95 96 2024-11-22T22:24:42Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{Link icon|{{{1|}}}|{{{2|}}}|type=Item}}</includeonly><noinclude>{{documentation}}[[Category:Formatting templates]]</noinclude> 6564279e3808e659b8034ad4b96f4f9e9e498b57 10 96 97 2024-11-22T22:24:44Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki == Summary == <templatedata> { "params": { "1": { "aliases": [ "page" ], "label": "Page Name", "description": "The name for the target page.", "example": "Page Name", "type": "wiki-page-name", "required": true }, "2": { "aliases": [ "label" ], "label": "Link Label", "description": "The text to the be displayed on the link icon's label.", "example": "Alternative Page Name", "type": "line" } }, "description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Item).png\".", "format": "inline" } </templatedata> == Examples == For the examples below, <code><nowiki>File:Mystic Feather (Item).png</nowiki></code> was used as the icon for a page called <code>Mystic Feather</code>. {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Item icon|Mystic Feather}}</nowiki></code> || {{Item icon|Mystic Feather}} |- | <code><nowiki>{{Item icon|Mystic Feather|Mystic Feathers}}</nowiki></code> || {{Item icon|Mystic Feather|Mystic Feathers}} |- | <code><nowiki>{{Item icon|Mystic Feather|notext}}</nowiki></code> || {{Item icon|Mystic Feather|notext}} |- | <code><nowiki>{{Item icon|Missing Item}}</nowiki></code> (Missing Page Icon) || {{Item icon|Missing Item}} |} == Dependencies== For this template to work properly, you need the following: * The base {{tl|Link icon}} template. * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. 4dfcab6f3d3c88596068607685645f29666f0141 10 97 98 2024-11-22T22:24:45Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{#vardefine:varname|ITER_INDEX_{{#if:{{{1|}}}|{{{1}}}|default}}<!-- end vardefine -->}}<!-- main logic -->{{#vardefineecho:{{#var:varname}}| {{#expr: {{#ifeq:{{lc:{{{reset|}}}<!-- end lc -->}} |yes |0 |{{#var:{{#var:varname}}|0}} <!-- end ifeq -->}} + {{#if:{{{get|}}}|0|1}} <!-- end expr -->}} <!-- end vde -->}}</includeonly><noinclude>{{documentation}} [[Category:Templates]]</noinclude> c37a3625d58a115a140f129da248ec1c9f6cb55e 10 98 99 2024-11-22T22:24:47Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This template helps you create indexed columns in tables (particularly [[support:Cargo|Cargo]] queries) and to retrieve iterator values when using the parser function <code><nowiki>{{#arraymaptemplate</nowiki></code> (bundled with Extension:ParserPower on wiki.gg). == Simple counting == <pre> * {{iter|}} * {{iter|}} * {{iter|}} * {{iter|}} </pre> * {{iter|}} * {{iter|}} * {{iter|}} * {{iter|}} == Reset the counter == <pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|reset=yes}} * {{iter|}} </pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|reset=yes}} * {{iter|}} == Multiple counters == <pre> * {{iter|key1}} * {{iter|key2}} * {{iter|key2}} * {{iter|key1}} </pre> * {{iter|key1}} * {{iter|key2}} * {{iter|key2}} * {{iter|key1}} == Get value without incrementing == <pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|}} * {{iter|get=yes}} </pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|}} * {{iter|get=yes}} <noinclude> [[Category:Template documentation]] </noinclude> 20b5a53a6457493d2a2a9774b803511678a65760 10 99 100 2024-11-22T22:24:47Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:platform | {{#if: {{{2|}}} | {{#switch: {{lc:{{{1|}}}}} <!-- Desktop --> |mouse |keyboard=keyboard <!-- Mobile --> |gesture=gesture <!-- Microsoft --> |xboxseries |xbox=Xbox |xbox one |xbone |xbox1 |xboxone=xboxone |xbox 360 |xb360 |xbox360 |360=360 <!-- Sony --> |ps |ps5 |playstation |ds |dualsense=DualSense |playstation 4 |ps4=PS4 |playstation 3 |ps3=ps3 <!-- Nintendo --> |ns |switch=Switch |wii=wii }} | undefined }} }}<!-- -->{{#vardefine:key | {{#if: {{{2|}}} | {{ucfirst:{{{2}}}}} | {{ucfirst:{{{1}}}}} }} }}<!-- -->{{#vardefine:img | {{#if: {{{2|}}} | [[File:{{#var:platform}} {{#var:key}}.png|x25px|link=]] }} | Undefined }}<!-- --><span class="key">{{#var:img}}</span><!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 45576cb62a8104687b5b7ac26b042283c80ecae6 10 100 101 2024-11-22T22:24:48Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <tabber> |-|Desktop={{:Template:Key/doc/Keyboard}} |-|Mobile={{:Template:Key/doc/Gesture}} |-|Xbox={{:Template:Key/doc/Xbox}} |-|DualSense={{:Template:Key/doc/DualSense}} |-|PlayStation 4={{:Template:Key/doc/PS4}} |-|Nintendo Switch={{:Template:Key/doc/Nintendo Switch}} </tabber> <noinclude>[[Category:Key template documentation]]</noinclude> 19eb9be1ca2c7112f63dd11c58d3888327dcca75 10 101 102 2024-11-22T22:24:49Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki Images source: [[dev:Category:DualSense input images]] === Buttons === <code><nowiki>{{Key|PS|Directional}}</nowiki></code> {{Key|PS|Directional}} <code><nowiki>{{Key|PS|Directional Left}}</nowiki></code> {{Key|PS|Directional Left}} <code><nowiki>{{Key|PS|Directional Right}}</nowiki></code> {{Key|PS|Directional Right}} <code><nowiki>{{Key|PS|Directional Up}}</nowiki></code> {{Key|PS|Directional Up}} <code><nowiki>{{Key|PS|Directional Down}}</nowiki></code> {{Key|PS|Directional Down}} <code><nowiki>{{Key|PS|Left Stick}}</nowiki></code> {{Key|PS|Left Stick}} <code><nowiki>{{Key|PS|Right Stick}}</nowiki></code> {{Key|PS|Right Stick}} <code><nowiki>{{Key|PS|Touch Pad}}</nowiki></code> {{Key|PS|Touch Pad}} <code><nowiki>{{Key|PS|Circle}}</nowiki></code> {{Key|PS|Circle}} <code><nowiki>{{Key|PS|Cross}}</nowiki></code> {{Key|PS|Cross}} <code><nowiki>{{Key|PS|Square}}</nowiki></code> {{Key|PS|Square}} <code><nowiki>{{Key|PS|Triangle}}</nowiki></code> {{Key|PS|Triangle}} <code><nowiki>{{Key|PS|Create}}</nowiki></code> {{Key|PS|Create}} <code><nowiki>{{Key|PS|Options}}</nowiki></code> {{Key|PS|Options}} <code><nowiki>{{Key|PS|L1}}</nowiki></code> {{Key|PS|L1}} <code><nowiki>{{Key|PS|R1}}</nowiki></code> {{Key|PS|R1}} <code><nowiki>{{Key|PS|L2}}</nowiki></code> {{Key|PS|L2}} <code><nowiki>{{Key|PS|R2}}</nowiki></code> {{Key|PS|R2}} <code><nowiki>{{Key|PS|L3}}</nowiki></code> {{Key|PS|L3}} <code><nowiki>{{Key|PS|R3}}</nowiki></code> {{Key|PS|R3}} <code><nowiki>{{Key|PS|Mute}}</nowiki></code> {{Key|PS|Mute}} <code><nowiki>{{Key|PS|PS}}</nowiki></code> {{Key|PS|PS}} === Diagram === <code><nowiki>{{Key|PS|Controller Diagram}}</nowiki></code> {{Key|PS|Controller Diagram}} <noinclude>[[Category:Key template documentation]]</noinclude> 84fa5123f9494d3572fef65e1aa63dd95ef476be 10 102 103 2024-11-22T22:24:52Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki Images source: [[dev:Category:Gesture input images]] === Fingers === <code><nowiki>{{key|gesture|Finger Front}}</nowiki></code> {{key|gesture|Finger Front}} <code><nowiki>{{key|gesture|Finger Side}}</nowiki></code> {{key|gesture|Finger Side}} === Tap & hold === <code><nowiki>{{key|gesture|Tap}}</nowiki></code> {{key|gesture|Tap}} <code><nowiki>{{key|gesture|Double Tap}}</nowiki></code> {{key|gesture|Double Tap}} <code><nowiki>{{key|gesture|Hold}}</nowiki></code> {{key|gesture|Hold}} === Swipe motions === <code><nowiki>{{key|gesture|Swipe Bottom Left}}</nowiki></code> {{key|gesture|Swipe Bottom Left}} <code><nowiki>{{key|gesture|Swipe Bottom Right}}</nowiki></code> {{key|gesture|Swipe Bottom Right}} <code><nowiki>{{key|gesture|Swipe Down}}</nowiki></code> {{key|gesture|Swipe Down}} <code><nowiki>{{key|gesture|Swipe Left}}</nowiki></code> {{key|gesture|Swipe Left}} <code><nowiki>{{key|gesture|Swipe Right}}</nowiki></code> {{key|gesture|Swipe Right}} <code><nowiki>{{key|gesture|Swipe Top Left}}</nowiki></code> {{key|gesture|Swipe Top Left}} <code><nowiki>{{key|gesture|Swipe Top Right}}</nowiki></code> {{key|gesture|Swipe Top Right}} <code><nowiki>{{key|gesture|Swipe Up}}</nowiki></code> {{key|gesture|Swipe Up}} === Zoom & scroll === <code><nowiki>{{key|gesture|Zoom In}}</nowiki></code> {{key|gesture|Zoom In}} <code><nowiki>{{key|gesture|Zoom Out}}</nowiki></code> {{key|gesture|Zoom Out}} <code><nowiki>{{key|gesture|Scroll Down}}</nowiki></code> {{key|gesture|Scroll Down}} <code><nowiki>{{key|gesture|Scroll Left}}</nowiki></code> {{key|gesture|Scroll Left}} <code><nowiki>{{key|gesture|Scroll Right}}</nowiki></code> {{key|gesture|Scroll Right}} <code><nowiki>{{key|gesture|Scroll Up}}</nowiki></code> {{key|gesture|Scroll Up}} === Circular motions === <code><nowiki>{{key|gesture|Double Rotate}</nowiki></code> {{key|gesture|Double Rotate}} <code><nowiki>{{key|gesture|Full Circle}}</nowiki></code> {{key|gesture|Full Circle}} <code><nowiki>{{key|gesture|Half Circle}}</nowiki></code> {{key|gesture|Half Circle}} <code><nowiki>{{key|gesture|Quarter Circle}}</nowiki></code> {{key|gesture|Quarter Circle}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 0a595b125cc6dbd6ad531c1e989d1929eaf1c6e2 10 103 104 2024-11-22T22:24:53Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki Images source: [[dev:Category:Nintendo Switch input images]] === Nintendo Switch === <code><nowiki>{{Key|Switch|a}}</nowiki></code> {{Key|Switch|a}} <code><nowiki>{{Key|Switch|b}}</nowiki></code> {{Key|Switch|b}} <code><nowiki>{{Key|Switch|x}}</nowiki></code> {{Key|Switch|x}} <code><nowiki>{{Key|Switch|y}}</nowiki></code> {{Key|Switch|y}} <code><nowiki>{{Key|Switch|Left Stick}}</nowiki></code> {{Key|Switch|Left Stick}} <code><nowiki>{{Key|Switch|Right Stick}}</nowiki></code> {{Key|Switch|Right Stick}} <code><nowiki>{{Key|Switch|Left Stick Press}}</nowiki></code> {{Key|Switch|Left Stick Press}} <code><nowiki>{{Key|Switch|Right Stick Press}}</nowiki></code> {{Key|Switch|Right Stick Press}} <code><nowiki>{{Key|Switch|-}}</nowiki></code> {{Key|Switch|-}} <code><nowiki>{{Key|Switch|+}}</nowiki></code> {{Key|Switch|+}} <code><nowiki>{{Key|Switch|Capture}}</nowiki></code> {{Key|Switch|Capture}} <code><nowiki>{{Key|Switch|HOME}}</nowiki></code> {{Key|Switch|HOME}} <code><nowiki>{{Key|Switch|L}}</nowiki></code> {{Key|Switch|L}} <code><nowiki>{{Key|Switch|R}}</nowiki></code> {{Key|Switch|R}} <code><nowiki>{{Key|Switch|ZL}}</nowiki></code> {{Key|Switch|ZL}} <code><nowiki>{{Key|Switch|ZR}}</nowiki></code> {{Key|Switch|ZR}} === Pro Controller === <code><nowiki>{{Key|Switch|Pro Control Pad}}</nowiki></code> {{Key|Switch|Pro Control Pad}} <code><nowiki>{{Key|Switch|Pro Control Pad Left}}</nowiki></code> {{Key|Switch|Pro Control Pad Left}} <code><nowiki>{{Key|Switch|Pro Control Pad Right}}</nowiki></code> {{Key|Switch|Pro Control Pad Right}} <code><nowiki>{{Key|Switch|Pro Control Pad Up}}</nowiki></code> {{Key|Switch|Pro Control Pad Up}} <code><nowiki>{{Key|Switch|Pro Control Pad Down}}</nowiki></code> {{Key|Switch|Pro Control Pad Down}} === Joy-Con === <code><nowiki>{{Key|Switch|Directional Left}}</nowiki></code> {{Key|Switch|Directional Left}} <code><nowiki>{{Key|Switch|Directional Right}}</nowiki></code> {{Key|Switch|Directional Right}} <code><nowiki>{{Key|Switch|Directional Up}}</nowiki></code> {{Key|Switch|Directional Up}} <code><nowiki>{{Key|Switch|Directional Down}}</nowiki></code> {{Key|Switch|Directional Down}} ==== Diagrams ==== <code><nowiki>{{Key|Switch|Joy-Con}}</nowiki></code> {{Key|Switch|Joy-Con}} <code><nowiki>{{Key|Switch|Joy-Con Separate}}</nowiki></code> {{Key|Switch|Joy-Con Separate}} <code><nowiki>{{Key|Switch|Joy-Con Left}}</nowiki></code> {{Key|Switch|Joy-Con Left}} <code><nowiki>{{Key|Switch|Joy-Con Right}}</nowiki></code> {{Key|Switch|Joy-Con Right}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 34ef402e3bd539920ee4247d68882ecb53fc6eda 10 104 105 2024-11-22T22:24:55Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki Images source: [[dev:Category:PS4 input images]] === D-pad & sticks === <code><nowiki>{{key|PS4|Dpad}}</nowiki></code> {{key|PS4|Dpad}} <code><nowiki>{{key|PS4|Left}}</nowiki></code> {{key|PS4|Left}} <code><nowiki>{{key|PS4|Right}}</nowiki></code> {{key|PS4|Right}} <code><nowiki>{{key|PS4|Up}}</nowiki></code> {{key|PS4|Up}} <code><nowiki>{{key|PS4|Down}}</nowiki></code> {{key|PS4|Down}} <code><nowiki>{{key|PS4|Left Stick}}</nowiki></code> {{key|PS4|Left Stick}} <code><nowiki>{{key|PS4|Right Stick}}</nowiki></code> {{key|PS4|Right Stick}} <code><nowiki>{{key|PS4|Touch Pad}}</nowiki></code> {{key|PS4|Touch Pad}} === Front buttons === <code><nowiki>{{key|PS4|Circle}}</nowiki></code> {{key|PS4|Circle}} <code><nowiki>{{key|PS4|Cross}}</nowiki></code> {{key|PS4|Cross}} <code><nowiki>{{key|PS4|Square}}</nowiki></code> {{key|PS4|Square}} <code><nowiki>{{key|PS4|Triangle}}</nowiki></code> {{key|PS4|Triangle}} <code><nowiki>{{key|PS4|Share}}</nowiki></code> {{key|PS4|Share}} <code><nowiki>{{key|PS4|Options}}</nowiki></code> {{key|PS4|Options}} === Rear buttons === <code><nowiki>{{key|PS4|L1}}</nowiki></code> {{key|PS4|L1}} <code><nowiki>{{key|PS4|R1}}</nowiki></code> {{key|PS4|R1}} <code><nowiki>{{key|PS4|L2}}</nowiki></code> {{key|PS4|L2}} <code><nowiki>{{key|PS4|R2}}</nowiki></code> {{key|PS4|R2}} <noinclude>[[Category:Key template documentation]]</noinclude> 1672e7f0dcd4db09545c96936cfbabcab681cfeb 10 105 106 2024-11-22T22:24:56Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki Images source: [[dev:Category:Xbox input images]] === Series & One === <code><nowiki>{{Key|Xbox|A}}</nowiki></code> {{Key|Xbox|A}} <code><nowiki>{{Key|Xbox|B}}</nowiki></code> {{Key|Xbox|B}} <code><nowiki>{{Key|Xbox|X}}</nowiki></code> {{Key|Xbox|X}} <code><nowiki>{{Key|Xbox|Y}}</nowiki></code> {{Key|Xbox|y}} <code><nowiki>{{Key|Xbox|Left Thumbstick}}</nowiki></code> {{Key|Xbox|Left Thumbstick}} <code><nowiki>{{Key|Xbox|Right Thumbstick}}</nowiki></code> {{Key|Xbox|Right Thumbstick}} <code><nowiki>{{Key|Xbox|Left Thumbstick Press}}</nowiki></code> {{Key|Xbox|Left Thumbstick Press}} <code><nowiki>{{Key|Xbox|Right Thumbstick Press}}</nowiki></code> {{Key|Xbox|Right Thumbstick Press}} <code><nowiki>{{Key|Xbox|LB}}</nowiki></code> {{Key|Xbox|LB}} <code><nowiki>{{Key|Xbox|RB}}</nowiki></code> {{Key|Xbox|RB}} <code><nowiki>{{Key|Xbox|View}}</nowiki></code> {{Key|Xbox|View}} <code><nowiki>{{Key|Xbox|Menu}}</nowiki></code> {{Key|Xbox|Menu}} <code><nowiki>{{Key|Xbox|Button}}</nowiki></code> {{Key|Xbox|Button}} === Xbox Series === <code><nowiki>{{Key|Xbox|D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|LT}}</nowiki></code> {{Key|Xbox|LT}} <code><nowiki>{{Key|Xbox|RT}}</nowiki></code> {{Key|Xbox|RT}} <code><nowiki>{{Key|Xbox|Share}}</nowiki></code> {{Key|Xbox|Share}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|Series Controller Diagram}}</nowiki></code> {{Key|Xbox|Series Controller Diagram}} === Xbox One === <code><nowiki>{{Key|Xbox|One D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|One D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|One D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|One D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|One D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|One Left Trigger}}</nowiki></code> {{Key|Xbox|One Left Trigger}} <code><nowiki>{{Key|Xbox|One Right Trigger}}</nowiki></code> {{Key|Xbox|One Right Trigger}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|One Controller Diagram}}</nowiki></code> {{Key|Xbox|One Controller Diagram}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> adce81e2e9eafcf930052a8993d3e5625665202e 10 106 107 2024-11-22T22:24:58Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly> <noinclude>{{documentation}}</noinclude> 97ce18acc45bafbcf8fbbf066408a1e8ca46f82e 108 107 2024-11-22T22:24:58Z Crimroxs 244470 Protected "[[Template:License]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly> <noinclude>{{documentation}}</noinclude> 97ce18acc45bafbcf8fbbf066408a1e8ca46f82e 10 107 109 2024-11-22T22:24:59Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-BY}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 43dbcc27869841549023d0c571ce82496739779c 110 109 2024-11-22T22:24:59Z Crimroxs 244470 Protected "[[Template:License/CC-BY]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-BY}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 43dbcc27869841549023d0c571ce82496739779c 10 108 111 2024-11-22T22:25:01Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-BY-NC}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 083a0181802a4dca10eadfcd1318b445261e93cb 112 111 2024-11-22T22:25:02Z Crimroxs 244470 Protected "[[Template:License/CC-BY-NC]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-BY-NC}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 083a0181802a4dca10eadfcd1318b445261e93cb 10 109 113 2024-11-22T22:25:02Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-BY-NC-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> ac16bba47a1ca906b73d1c5c7ed260bec622817e 114 113 2024-11-22T22:25:03Z Crimroxs 244470 Protected "[[Template:License/CC-BY-NC-ND]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-BY-NC-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> ac16bba47a1ca906b73d1c5c7ed260bec622817e 10 110 115 2024-11-22T22:25:04Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-BY-NC-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 30c6f7737d55c66d86ff24c29fcf6fd52432ded7 116 115 2024-11-22T22:25:05Z Crimroxs 244470 Protected "[[Template:License/CC-BY-NC-SA]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-BY-NC-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 30c6f7737d55c66d86ff24c29fcf6fd52432ded7 10 111 117 2024-11-22T22:25:06Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-BY-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> d34d38809b53231d586ee58f19c426234cd931b2 118 117 2024-11-22T22:25:06Z Crimroxs 244470 Protected "[[Template:License/CC-BY-ND]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-BY-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> d34d38809b53231d586ee58f19c426234cd931b2 10 112 119 2024-11-22T22:25:08Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-BY-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> b9d7b1c458c2b66fe216c5545b5c175c5ad3d8c0 120 119 2024-11-22T22:25:08Z Crimroxs 244470 Protected "[[Template:License/CC-BY-SA]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-BY-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> b9d7b1c458c2b66fe216c5545b5c175c5ad3d8c0 10 113 121 2024-11-22T22:25:09Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-PD}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> ea30fe208112c623ed4d1469f1ad3522f2ba66e9 122 121 2024-11-22T22:25:10Z Crimroxs 244470 Protected "[[Template:License/CC-PD]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-PD}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> ea30fe208112c623ed4d1469f1ad3522f2ba66e9 10 114 123 2024-11-22T22:25:11Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-SRR}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 469e1394a65f1c1406affabe7840d06e28eac21e 124 123 2024-11-22T22:25:11Z Crimroxs 244470 Protected "[[Template:License/CC-SRR]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly> <noinclude>This template currently looks like: {{License/CC-SRR}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 469e1394a65f1c1406affabe7840d06e28eac21e 10 115 125 2024-11-22T22:25:12Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC0}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 66fffc13829f37602cfa84d09d7e96c99e0852a8 126 125 2024-11-22T22:25:13Z Crimroxs 244470 Protected "[[Template:License/CC0]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly> <noinclude>This template currently looks like: {{License/CC0}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 66fffc13829f37602cfa84d09d7e96c99e0852a8 10 116 127 2024-11-22T22:25:14Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:License/fairuse]] ecb7db41961bb5256d571593ca3f90ae1e199a3e 10 117 128 2024-11-22T22:25:15Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This template is to be used under a ''Licensing'' heading on file pages to denote the file's license. == Available licenses == === Game === * Usage: <nowiki>{{License|game}}</nowiki> {{License|game}} === Fairuse === * Usage: <nowiki>{{License|fairuse}}</nowiki> {{License|fairuse}} === CC0 === * Usage: <nowiki>{{License|CC0}}</nowiki> {{License|CC0}} === CC-BY-NC-ND === * Usage: <nowiki>{{License|CC-BY-NC-ND}}</nowiki> {{License|CC-BY-NC-ND}} === CC-BY-NC-SA === * Usage: <nowiki>{{License|CC-BY-NC-SA}}</nowiki> {{License|CC-BY-NC-SA}} === CC-BY-NC === * Usage: <nowiki>{{License|CC-BY-NC}}</nowiki> {{License|CC-BY-NC}} === CC-BY-ND === * Usage: <nowiki>{{License|CC-BY-ND}}</nowiki> {{License|CC-BY-ND}} === CC-BY-SA === * Usage: <nowiki>{{License|CC-BY-SA}}</nowiki> {{License|CC-BY-SA}} === CC-BY === * Usage: <nowiki>{{License|CC-BY}}</nowiki> {{License|CC-BY}} === CC-PD === * Usage: <nowiki>{{License|CC-PD}}</nowiki> {{License|CC-PD}} === CC-SRR === * Usage: <nowiki>{{License|CC-SRR}}</nowiki> {{License|CC-SRR}} === Permission === * Usage: <nowiki>{{License|permission}}</nowiki> {{License|permission}} === No license === '''Providing no parameter (or invalid one) defaults to the nolicense notice:''' <nowiki>{{License}}</nowiki>{{License}} == Specifying source == '''Source parameter (optional):''' The source parameter accepts a url to the source where the file came from if necessary for attribution. Example: <nowiki>{{License|game|source=https://indie.io/}}</nowiki> {{License|game|source=https://indie.io/}} <includeonly> [[Category:License templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 5b334ee591fa6a0867f5d8e685e580b5b6c21334 10 118 129 2024-11-22T22:25:16Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly> <noinclude>This template currently looks like: {{License/fairuse}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> a55ac2092a7a5246b3a8dbd8c03a73e27d49e6cb 130 129 2024-11-22T22:25:16Z Crimroxs 244470 Protected "[[Template:License/fairuse]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly> <noinclude>This template currently looks like: {{License/fairuse}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> a55ac2092a7a5246b3a8dbd8c03a73e27d49e6cb 10 119 131 2024-11-22T22:25:17Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:rightsholder|<!-- *************************************** *************************************** Step 1/2 [required] Enter the name of the rightsholder, optionally with a link. Example without link: indie.io Example with a URL: [https://www.indie.io/ indie.io] Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- continue to step 2 *************************************** *************************************** Step 2/2 [optional] Enter the TOS link. Example link: https://www.indie.io/terms-of-service -->{{#vardefine:tos|<!-- Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- DON'T EDIT ANYTHING BELOW THIS -->{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = {{#if:{{#var:rightsholder}}| <!-- Specific: -->This file is owned by {{#var:rightsholder}} and/or its licensors{{#if:{{#var:tos}}|, and is licensed under the {{#var:rightsholder}} [{{#var:tos}} Terms of Use]}}.<br/>All trademarks and registered trademarks present in the file are proprietary to {{#var:rightsholder}} and/or its licensors. | <!-- Generic: -->This file is owned by the applicable game studio and/or its licensors. }} }}</includeonly><noinclude> This template currently looks like: {{License/game}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> f1283ce43eda0d523b8e1f249ebc02470d957b34 132 131 2024-11-22T22:25:18Z Crimroxs 244470 Protected "[[Template:License/game]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:rightsholder|<!-- *************************************** *************************************** Step 1/2 [required] Enter the name of the rightsholder, optionally with a link. Example without link: indie.io Example with a URL: [https://www.indie.io/ indie.io] Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- continue to step 2 *************************************** *************************************** Step 2/2 [optional] Enter the TOS link. Example link: https://www.indie.io/terms-of-service -->{{#vardefine:tos|<!-- Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- DON'T EDIT ANYTHING BELOW THIS -->{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = {{#if:{{#var:rightsholder}}| <!-- Specific: -->This file is owned by {{#var:rightsholder}} and/or its licensors{{#if:{{#var:tos}}|, and is licensed under the {{#var:rightsholder}} [{{#var:tos}} Terms of Use]}}.<br/>All trademarks and registered trademarks present in the file are proprietary to {{#var:rightsholder}} and/or its licensors. | <!-- Generic: -->This file is owned by the applicable game studio and/or its licensors. }} }}</includeonly><noinclude> This template currently looks like: {{License/game}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> f1283ce43eda0d523b8e1f249ebc02470d957b34 10 120 133 2024-11-22T22:25:19Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the [https://indie.io indie.io] [https://www.indie.io/terms-of-service Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to [https://indie.io indie.io] and/or its licensors. }}</includeonly><noinclude> This template currently looks like: {{License/indie.io}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49823bdf8d378ff755fa7b6493afde40f6a4e19a 134 133 2024-11-22T22:25:20Z Crimroxs 244470 Protected "[[Template:License/indie.io]]" ([Edit=Allow only wiki.gg staff] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the [https://indie.io indie.io] [https://www.indie.io/terms-of-service Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to [https://indie.io indie.io] and/or its licensors. }}</includeonly><noinclude> This template currently looks like: {{License/indie.io}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49823bdf8d378ff755fa7b6493afde40f6a4e19a 10 121 135 2024-11-22T22:25:20Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly> <noinclude>This template currently looks like: {{License/nolicense}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 4a7c871322528eb28cd760f52efc440496dfdee1 136 135 2024-11-22T22:25:21Z Crimroxs 244470 Protected "[[Template:License/nolicense]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly> <noinclude>This template currently looks like: {{License/nolicense}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 4a7c871322528eb28cd760f52efc440496dfdee1 10 122 137 2024-11-22T22:25:21Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = permission | icon = [[File:IN COPYRIGHT.svg|50px|link=|IN COPYRIGHT WITH PERMISSION]] | text = This file is copyrighted. The copyright holder has given permission for its use on {{SITENAME}} and other wikis hosted on wiki.gg. }}</includeonly> <noinclude>This template currently looks like: {{License/permission}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 4094e2b53fb9ec77cf1f1f4df3b7a934bd5d15d9 138 137 2024-11-22T22:25:22Z Crimroxs 244470 Protected "[[Template:License/permission]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = permission | icon = [[File:IN COPYRIGHT.svg|50px|link=|IN COPYRIGHT WITH PERMISSION]] | text = This file is copyrighted. The copyright holder has given permission for its use on {{SITENAME}} and other wikis hosted on wiki.gg. }}</includeonly> <noinclude>This template currently looks like: {{License/permission}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 4094e2b53fb9ec77cf1f1f4df3b7a934bd5d15d9 10 123 139 2024-11-22T22:25:23Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 140 139 2024-11-22T22:25:24Z Crimroxs 244470 Protected "[[Template:License/template]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 10 124 141 2024-11-22T22:25:25Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{#vardefine:target|{{{1|}}}<!-- end vd -->}}<!-- -->{{#vardefine:display|{{#if:{{{2|}}}|{{{2}}}|{{{1}}}<!-- end if -->}}<!-- end vd -->}}<!-- -->{{#vardefine:iconSize|1.2em}}<!-- -->{{#vardefine:lineHeight|1lh}}<!-- -->{{#vardefine:fileExists|{{filepath:{{#var:target}} ({{{type}}}).png}}}}<!-- -->{{#ifeq: {{{2|}}} | notext <!-- start if notext -->|<span class="link-icon notext" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"><!-- start notext icon element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}<!-- end icon if --></span><!-- end notext icon -->|<span class="link-icon" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"><!-- start icon + text element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}&nbsp;<!-- end icon if --><span class="display-text">[[{{#var:target}}|{{#var:display}}]]</span><!-- end display text -->}}<!-- start if notext --></span></includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> 4e9bb37a48d63bb6b56f32d260dc74f64011e4af 10 125 142 2024-11-22T22:25:26Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{No direct use}} == List of link icon templates == * {{tl|Character icon}} * {{tl|Item icon}} == Dependencies== For this template to work properly, you need the following: * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 654dfb540ea31a810ef53c3820862942e63b2e8a 10 126 143 2024-11-22T22:25:26Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <noinclude>[[Category:Documentation templates]]</noinclude><div class="luadoc">Edit the [[{{FULLPAGENAME}}/doc|documentation or categories]] for this module. {{#ifexist:{{FULLPAGENAME}}/i18n|This module has an [[/i18n|i18n file]].}}</div> 5df079d8f61782274d2ab1da5c43526c4229362c 10 127 144 2024-11-22T22:25:28Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- Variables -->{{#vardefine:link|{{{link|{{{1|}}}}}}}}<!-- Image-->{{#if:{{{image|}}}|[[File:{{#replace:{{{image|}}}|File:}}|{{{size|42px}}}|link={{#var:link}}|class={{{imageClass|}}}]]}}<!-- Link below the image If it's an external link, use external link syntax -->{{#if:{{#pos:{{{link|}}}|http}}|[{{{link|}}} {{{1|}}}]|<!-- Otherwise use normal syntax the ifeq, pos, sub combo is filtering out a leading :, so that we can add our own without doubling up, allowing easy category linking -->[[:{{#ifeq:{{#pos:{{#var:link}}|:}}|0|{{#sub:{{#var:link}}|1}}|{{#var:link}}}}|{{{1|}}}]]}}</includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> d41dc7997a9852383799cbab5e583c89545692a9 10 128 145 2024-11-22T22:25:29Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This creates one of the stylized and formatted links on the [[{{SITENAME}}|main page]]. == Usage == Groups of this template should be wrapped inside of <code><nowiki><div class="mp-links"></div></nowiki></code> and each entry should be a separate line in an [[wikipedia:Help:Lists#Basically|unordered list]]. This div can be given one of the classes <code>columns-x</code> where x is a number from 1 to 5, and the links will line up in that many columns if space permits (default is 3). The div can also optionally be given the class <code>stretch</code> and it will stretch the list vertically to fill empty space. See [[Mediawiki:Common.css]] for the full definitions of these classes and styling for this template. ===Parameters=== <templatedata> { "description": { "en": "Creates stylized and formatted links on the main page." }, "format": "inline", "params": { "1": { "label": { "en": "Text" }, "description": { "en": "The text to display. If the link parameter is not given, this will also be the link target." }, "required": true, "example": "Stuff", "type": "string" }, "link": { "label": { "en": "Link" }, "description": { "en": "The target page for the link, if different than the display text." }, "required": false, "example": "Main Page", "type": "wiki-page-name" }, "image": { "label": { "en": "Image" }, "description": { "en": "An image to display with the link." }, "required": false, "suggested": true, "type": "wiki-file-name" }, "size": { "label": { "en": "Image size" }, "description": { "en": "The size of the image, in px." }, "required": false, "default": "42px", "type": "string" } }, "paramOrder": [ "1", "link", "image", "size" ] } </templatedata> ==Examples== <pre> <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> </pre> Produces: <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> <noinclude> [[Category:Template documentation]] </noinclude> 414ab9c9cbd6e62064acc46ccbd3768fa986c66b 10 129 146 2024-11-22T22:25:30Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->{{#if:{{{2|}}}|Main articles|Main article}}: {{#var:text}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> e02ac04db1bbce6b71a9aa8a5064182f662d8470 10 130 147 2024-11-22T22:25:31Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Article", "description": "A main article.", "example": "Article", "type": "wiki-page-name", "required": true }, "2": { "label": "Second Article", "description": "A second main article.", "example": "Second Article", "type": "wiki-page-name" }, "3": { "label": "Third Article", "description": "A third main article.", "example": "Third Article", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be in sections of an article mentioning information about another existing main article.", "paramOrder": [ "1", "2", "3" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Main|Special:WantedPages}}</nowiki></code> || {{Main|Special:WantedPages}} |- | <code><nowiki>{{Main|Special:WantedPages#Section Title}}</nowiki></code> || {{Main|Special:WantedPages#Section Title}} |- | <code><nowiki>{{Main|Special:WantedPages|Special:UncategorizedPages}}</nowiki></code> || {{Main|Special:WantedPages|Special:UncategorizedPages}} |- | <code><nowiki>{{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}</nowiki></code> || {{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}} |- | <code><nowiki>{{Main|Special:WantedPages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Main|Special:WantedPages{{!}}Page 1}} |} == Dependencies == This template requires the {{tl|Hatnote}} metatemplate. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> dd762adeece0f944821cb81ee14a8bd9cb539b22 10 131 148 2024-11-22T22:25:32Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{#invoke:Main page|main |desktop={{{desktop|}}} |tablet={{{tablet|}}} |mobile={{{mobile|}}} |desktop-columns={{{desktop-columns|}}} |tablet-columns={{{tablet-columns|}}} |mobile-columns={{{mobile-columns|}}} }} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]]</includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 333ce1040bfd1ea0622aa2794e0b10d8c45b20ae 10 132 149 2024-11-22T22:25:33Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This template is used to create an IMP Main Page. It uses [[Module:Main page]] to arrange a series of [[Template:Main page box]]es in a [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout CSS grid]. ==Simple explanation== The layout is made using keywords arranged in a grid. This grid has 3 columns on desktop-width screens, 2 columns on tablet, and 1 on mobile. Each can have as many rows as you want. Each keyword represents the same section and can span multiple rows and/or columns, but ''must'' form a contiguous rectangle of any dimension (1x1, 1x2, 2x2, 2x3, etc.). For example, the following input to desktop: <pre style="display:table;"> welcome welcome welcome about links links about contribute contribute </pre> would produce a grid resembling the following: {| class="wikitable" | style="background-color:rgba(0,255,0,0.15)" | welcome | style="background-color:rgba(0,255,0,0.15)" | welcome | style="background-color:rgba(0,255,0,0.15)" | welcome |- | style="background-color:rgba(255,0,255, 0.15)" | about | style="background-color:rgba(0,0,255, 0.15)" | links | style="background-color:rgba(0,0,255, 0.15)" | links |- | style="background-color:rgba(255,0,255, 0.15)" | about | style="background-color:rgba(255,255,0, 0.15)" | contribute | style="background-color:rgba(255,255,0, 0.15)" | contribute |} Where <code>welcome</code> is the contents of [[{{MediaWiki:Mainpage}}/welcome]], <code>about</code> is the contents of [[{{MediaWiki:Mainpage}}/about]], and so on. See [[Template:Main page box]] for more information about creating your own boxes. If you enter a keyword that does not have a corresponding box already, you'll be prompted to create one when saving or previewing the page. For additional hints and information, see the comments that came on your main page or ask a wiki.gg staff member for help. ==Technical explanation== For the CSS savvy, this section explains how it works a bit under the hood. The input to desktop, tablet, and mobile create [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties CSS variables] which are then used as the value of [https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas grid-template-areas] in media queries for screen widths >=1350px, >=990px, and <990px. The id of the boxes should be equal to the subpage name, which is then used by the module to find the template, as well as by the box templates to assign them a CSS id of <code>mp-box-<keyword></code>. Since these keywords are used directly in the grid layout, they must follow the rules of [https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident <custom-ident>] naming. ==TemplateData== <templatedata> { "params": { "desktop": { "label": "Desktop", "description": "The layout for wide screens", "required": true, "type": "string" }, "tablet": { "label": "Tablet", "description": "The layout for mid-width screens", "required": true, "type": "string" }, "mobile": { "label": "Mobile", "description": "The layout for narrow screens", "required": true, "type": "string" } }, "description": "Creates an IMP Main Page.", "format": "block" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> caa6f1046564a445b1b33124306f355282950136 10 133 150 2024-11-22T22:25:34Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This template is used to create the boxes of the IMProved Main Page (IMP) framework. '''It should not be called directly''', instead using {{tl|Main page box/start}} and {{tl|Main page box/end}}. <div style="text-align:center;"> Use the box below to create a page with the required templates already in place, ready for you to add your content. {{/create}} The box name can not contain spaces or start with a number. Those are probably the only restrictions you'll run into, but for a full list see [https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident <custom-ident> on MDN web docs]. </div> ==Parameters== These are the parameters used by {{tl|Main page box/start}}. <code>id</code> is required, all others are optional. {| class="wikitable" ! Name !! Data type !! Description |- | id || string || The id of this box. This should be equivalent to the page's subpage name. It is used by [[Template:Main page]] to find the template. The box will also be given the HTML id <code>mp-box-<nowiki>{{{id}}}</nowiki></code> for use in CSS. |- | title || Wikitext || The title of the box. This can be empty, in which case the box will contain only the content. |- | class || CSS classes || A list of classes to be passed to the box, separated by spaces and without quotes. Standard options are <code>centered-content</code> to vertically center contents, and <code>has-floating-image</code> in case floating images are needed in the box (normally the flex layout disallows this). |- | style || CSS declarations || Inline CSS to be applied directly to the box, without quotes. A common usage is <code>text-align:center;</code> for cases where it's desired for individual boxes to have centered text. |} [[Category:Main page templates]] [[Category:Template documentation]] <includeonly><onlyinclude><code>Template:Main page box</code> is not intended to be used directly, please use [[Template:Main page box/start]] and [[Template:Main page box/end]].</onlyinclude></includeonly> 473bcf7a558e60acab3fd244717307380b2858c6 10 134 151 2024-11-22T22:25:35Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{#tag: inputbox | type = create width = 40 default = {{{1|}}} buttonlabel = Create this box prefix = {{MediaWiki:Mainpage}}/ placeholder = box name (no spaces) preload = Template:Main page box/preload summary = Created using preload preloadparams[] = {{su<noinclude></noinclude>bst:SUBPAGENAME}} }}<noinclude>[[Category:Main page templates]]</noinclude> b2dcdf88fc5ba614f725bab5fb4350db268aeb6b 10 135 152 2024-11-22T22:26:37Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly></div> </div></includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 506617faba565eb65144b21c3ead8fe5c2010b55 10 136 153 2024-11-22T22:26:38Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki See [[Template:Main page box]] for information on how to use this. <noinclude>[[Category:Template documentation]]</noinclude> e73182bed655118b10da971b634dc9c3bf3e3d39 10 137 154 2024-11-22T22:26:39Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{Main page box/start | title = {{{1}}} | id = {{{1|}}} | style = text-align:center; | class = missing }} The {{{1}}} box does not exist. Check your spelling or create it here:<br/> {{Main page box/create|{{{1|}}}}}<br/> See [[Template:Main page box]] for more information. {{Main page box/end}}<noinclude>[[Category:Main page templates]]</noinclude> 202dfcac97429b749ef282091ead157b2bc789f9 10 138 155 2024-11-22T22:26:41Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{Main page box/start | title = Example | id = $1<!-- don't edit this line if you just made this page and it says {{subst:SUBPAGENAME}}. Do edit it if you move this page later, to reflect the new subpage name --> }} Content goes here, between the start and end templates. Feel free to use wikitext, tables, templates, new lines, whatever. {{Main page box/end}}<includeonly><no<noinclude></noinclude>include>[[Category:Main page boxes]]</no<noinclude></noinclude>include></includeonly><!-- don't edit this line --><noinclude> [[Category:Main page templates]] </noinclude> 1adc9f20a3f9a823e87cfc42c4498d3b63d95984 10 139 156 2024-11-22T22:26:42Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><div class="mp-box {{{class|}}}" style="grid-area:{{{id}}}; {{{style|}}}" id="mp-box-{{{id|}}}" data-box-id="{{{id|}}}"><!-- -->{{#if:{{{title|{{{1|}}}}}}| <h2> {{{title|{{{1|}}}}}} </h2> }}<div class="mp-body"> </includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 6744963b5d261a04f850a68a14b23607b4f75271 10 140 157 2024-11-22T22:26:43Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki See [[Template:Main page box]] for information on how to use this. ==Templatedata== <templatedata> { "params": { "class": { "label": "Class", "description": "Additional classes to give to the box wrapping this box.", "example": "centered-content", "suggestedvalues": [ "centered-content", "has-floating-image" ] }, "id": { "label": "ID", "description": "This should be set to the subpage name of this box. If done incorrectly, this box will not appear on the page.", "example": "welcome", "type": "string", "required": true }, "style": { "label": "Style", "description": "Inline CSS to add to the box wrapping this box", "example": "text-align:center;", "type": "string" }, "title": { "aliases": [ "1" ], "label": "Title", "description": "The title of this box.", "example": "Welcome to the wiki!", "type": "content", "suggested": true } }, "description": "Creates a box for use on the main page.", "paramOrder": [ "title", "id", "class", "style" ], "format": "block" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 20998df705a3139c5701cc95f4cef2fb98885246 10 141 158 2024-11-22T22:26:44Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = purple | icon = Merge.svg | message = It has been proposed that this page be [[support:Merge|merged]] with [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for merging]]}}</includeonly><!-- --><noinclude>{{Merge|Template:Merge|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 9975c110e793cc1943eac9ea8e62257d704ab853 10 142 159 2024-11-22T22:26:45Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 143 160 2024-11-22T22:26:46Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <code>{{[[Module:{{{1}}}|{{{1}}}]]}}^m{{#if:{{{2|}}}|.{{{2}}}()}}</code><noinclude> * <code><nowiki>{{Ml|Infobox}}</nowiki></code> generates {{Ml|Infobox}}. * <code><nowiki>{{Ml|ArgsUtil|merge}}</nowiki></code> generates {{Ml|ArgsUtil|merge}}. [[Category:Formatting templates]] </noinclude> 0c69bf8d7c3319f1cf2aa68f4b80261257291560 10 144 161 2024-11-22T22:26:47Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = darkorange | icon = Move.svg | message = It has been proposed that this page be moved to [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for moving]]}}</includeonly><!-- --><noinclude>{{Move|Template:Ambox{{!}}Example|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> dc4fd9090208e453457d6d2df193b9a7ee3b562d 10 145 162 2024-11-22T22:26:48Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 146 163 2024-11-22T22:26:50Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{#invoke:Navbox|navbox}}</includeonly><noinclude>[[Category:Navigation templates]] {{documentation}}</noinclude> 77a8826ed2275625c76b3bdbb1905ea21d63d23c 10 147 164 2024-11-22T22:26:51Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{UsesLua|Navbox}} This template allows a navigational template to be set up relatively quickly by supplying it with one or more lists of links. Using this template is highly recommended for standardization of navigational templates, and for ease of use. == Usage == Please remove the parameters that are left blank. <syntaxhighlight lang="wikitext" style="overflow: auto;">{{Navbox | name = {{subst:PAGENAME}} | title = | listclass = hlist | state = {{{state|}}} | above = | image = | group1 = | list1 = | group2 = | list2 = | group3 = | list3 = <!-- ... --> | below = }} </syntaxhighlight> == Parameter list == {{Navbox | name = Navbox/doc | state = uncollapsed | title = {{{title}}} | above = {{{above}}} | image = {{{image}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} | below = {{{below}}} }} The navbox uses lowercase parameter names, as shown in the box (''above''). The required ''name'' and ''title'' will create a one-line box if other parameters are omitted. Notice "group1" (etc.) is optional, as are sections named "above/below". {{clear}} The basic and most common parameters are as follows (see [[#Parameter descriptions|below]] for the full list): : <code>name</code> – the name of the template. : <code>title</code> – text in the title bar, such as: <nowiki>[[Widget stuff]]</nowiki>. : <code>class</code> - an optional CSS class for the entire navbox, to enable custom styling. : <code>listclass</code> – a CSS class for the list cells, usually <code>hlist</code> for horizontal lists. : <code>state</code> – controls when a navbox is expanded or collapsed. : <code>above</code> – text to appear above the group/list section (could be a list of overall wikilinks). : <code>image</code> – an optional right-side image, coded as the whole image. Typically it is purely decorative, so it should be coded as <code><nowiki>[[File:</nowiki><var>XX</var><nowiki>.jpg|80px|link=|alt=]]</nowiki></code>. : <code>imageleft</code> – an optional left-side image (code the same as the "image" parameter). : <code>group_n</code> – the left-side text before list-n (if group-n omitted, list-n starts at left of box). : <code>list_n</code> – text listing wikilinks using a [[wikipedia:Help:Lists|wikilist]] format. : <code>below</code> – optional text to appear below the group/list section. == Parameter descriptions == The following is a complete list of parameters for using {{tlx|Navbox}}. In most cases, the only required parameters are <code>name</code>, <code>title</code>, and <code>list1</code>. === Setup parameters === :; ''name'' :: The name of the template, which is needed for the "V&nbsp;• T&nbsp;• E" ("View&nbsp;• Talk&nbsp;• Edit") links to work properly on all pages where the template is used. You can enter <code><nowiki>{{subst:PAGENAME}}</nowiki></code> for this value as a shortcut. The name parameter is only mandatory if a <code>title</code> is specified, and the <code>border</code> parameter is not set, and the <code>navbar</code> parameter is not used to disable the navbar. :; ''state'' <span style="font-weight:normal;">[<code>autocollapse, collapsed, expanded, plain, off</code>]</span> :* Defaults to <code>autocollapse</code>. A navbox with <code>autocollapse</code> will start out collapsed if there are two or more tables on the same page that use other collapsible tables. Otherwise, the navbox will be expanded. :* If set to <code>collapsed</code>, the navbox will always start out in a collapsed state. :* If set to <code>expanded</code>, the navbox will always start out in an expanded state. :* If set to <code>plain</code>, the navbox will always be expanded with no [hide] link on the right, and the title will remain centered (by using padding to offset the <small>V&nbsp;• T&nbsp;• E</small> links). :* If set to <code>off</code>, the navbox will always be expanded with no [hide] link on the right, but no padding will be used to keep the title centered. This is for advanced use only; the "plain" option should suffice for most applications where the [show]/[hide] button needs to be hidden. : To show the box when standalone (non-included) but then auto-hide contents when in an article, put "expanded" inside <code>&lt;noinclude|&gt;</code>...<code>&lt;/noinclude|&gt;</code> tags. This setting will force the box visible when standalone (even when followed by other boxes), displaying "[hide]", but then it will auto-collapse the box when stacked inside an article: :: <code><nowiki>| state =&nbsp;</nowiki></code><code>&lt;noinclude|&gt;</code>expanded<code>&lt;/noinclude|&gt;</code> : Often times, editors will want a default initial state for a navbox, which may be overridden in an article. Here is the trick to do this: :* In your intermediate template, create a parameter also named "state" as a pass-through like this: :: <code><nowiki>| state = {{{state<includeonly>|your_desired_initial_state</includeonly>}}}</nowiki></code> :* The <code>&lt;includeonly&gt;</code><code>|</code> will make the template expanded when viewing the template page by itself. :; ''navbar'' :: If set to <code>plain</code>, the <span style="font-size: 88%;">V&nbsp;• T&nbsp;• E</span> links on the left side of the titlebar will not be displayed, and padding will be automatically used to keep the title centered. Use <code>off</code> to remove the <span style="font-size: 88%;">V&nbsp;• T&nbsp;• E</span> links, but not apply padding (this is for advanced use only; the "plain" option should suffice for most applications where a navbar is not desired). It is highly recommended that one not hide the navbar, in order to make it easier for users to edit the template, and to keep a standard style across pages. : ''See later section on [[#Child navboxes|using navboxes within one another]] for examples and a more complete description.'' If set to <code>child</code> or <code>subgroup</code>, then the navbox can be used as a borderless child that fits snugly in another navbox. The border is hidden and there is no padding on the sides of the table, so it fits into the ''list'' area of its parent navbox. If set to <code>none</code>, then the border is hidden and padding is removed, and the navbox may be used as a child of another container (do not use the <code>none</code> option inside of another navbox; similarly, only use the <code>child</code>/<code>subgroup</code> option inside of another navbox). If set to anything else (default), then a regular navbox is displayed with a 1px border. An alternate way to specify the border to be a subgroup style is like this (i.e. use the first unnamed parameter instead of the named ''border'' parameter): :<pre>{{Navbox|child|...}}</pre> === Cells === ; ''title''* : Text that appears centered in the top row of the table. It is usually the template's topic, i.e. a succinct description of the body contents. This should be a single line, but if a second line is needed, use <code><nowiki>{{-}}</nowiki></code> to ensure proper centering. This parameter is technically not mandatory, but using {{tl|Navbox}} is rather pointless without a title. ; ''above''* : A full-width cell displayed between the titlebar and first group/list, i.e. ''above'' the template's body (groups, lists and image). In a template without an image, ''above'' behaves in the same way as the ''list1'' parameter without the ''group1'' parameter. ; ''group_n''* : (i.e. ''group1'', ''group2'', etc.) If specified, text appears in a header cell displayed to the left of ''list_n''. If omitted, ''list_n'' uses the full width of the table. ; ''list_n''* : (i.e. ''list1'', ''list2'', etc.) The body of the template, usually a list of links. Format is inline, although the text can be entered on separate lines if the entire list is enclosed within <code><nowiki><div> </div></nowiki></code>. At least one ''list'' parameter is required; each additional ''list'' is displayed in a separate row of the table. Each ''list_n'' may be preceded by a corresponding ''group_n'' parameter, if provided (see below). :Entries should be separated using a newline and an asterisk (*). If instead two asterisks are used, it provides [[wikipedia:Nesting (computing)|nesting]] within the previous entry by enclosing the entry with brackets. Increasing the number of asterisks used increases the number of brackets around entries. ; ''imageleft''* : An image to be displayed in a cell below the title and to the left of the body (lists). For the image to display properly, the ''list1'' parameter must be specified and no groups can be specified. It accepts the same sort of parameter that ''image'' accepts. ; ''below''* : A full-width cell displayed ''below'' the template's body (groups, lists and image). == Layout of table == ===Without image, above, and below=== Table generated by {{tl|Navbox}} '''without''' ''image'', ''above'' and ''below'' parameters: {{Navbox | name = Navbox/doc | state = uncollapsed | title = {{{title}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} }} ===With image, above, and below=== Table generated by {{tl|Navbox}} '''with''' ''image'', ''above'' and ''below'' parameters: {{Navbox | name = Navbox/doc | state = uncollapsed | image = {{{image}}} | title = {{{title}}} | above = {{{above}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} | below = {{{below}}} }} ===With image and without groups=== Table generated by {{tl|Navbox}} '''with''' ''image'', ''imageleft'', ''lists'', and '''without''' ''groups'', ''above'', ''below'': {{Navbox | name = Navbox/doc | state = uncollapsed | image = {{{image}}} | imageleft = {{{imageleft}}} | title = {{{title}}} | list1 = {{{list1}}} | list2 = {{{list2}}} | list3 = {{{list3}}} | list4 = {{{list4}}} }} == Examples == == TemplateData == <templatedata> { "params": { "state": { "label": "State", "description": "Controls when a navbox is expanded or collapsed", "example": "autocollapse", "suggestedvalues": [ "autocollapse", "collapsed", "expanded", "plain", "off" ], "default": "autocollapse", "suggested": true }, "title": { "label": "Title", "description": "Text in the title bar; centered in the top row of the table. Usually the template's topic.", "example": "[[Template:Navbox]]", "suggested": true }, "above": { "label": "Above", "description": "Full-width cell displayed between the titlebar and first group/list, i.e. above the template's body (groups, lists and image)", "type": "string", "suggested": true }, "image": { "label": "Image", "description": "Image to be displayed in a cell below the title and to the right of the body", "example": "[[File:XX.jpg | 80px | link= | alt= ]]", "type": "wiki-file-name", "suggested": true }, "group1": { "label": "Group 1", "description": "If specified, text appears in a header cell displayed to the left of list 1. If omitted, list 1 uses the full width of the table.", "suggested": true }, "list1": { "label": "List 1", "description": "Body of the template; usually a list of links. Format is inline. At least one list parameter is required; each additional list is displayed in a separate row of the table. Each listn may be preceded by a corresponding groupn parameter.\nEntries should be separated using a newline and an asterisk. If two asterisks are used, it provides nesting within the previous entry with brackets.", "required": true, "suggested": true }, "group2": { "suggested": true }, "list2": { "suggested": true }, "list3": { "suggested": true }, "group3": { "suggested": true }, "group4": {}, "list4": {}, "below": { "label": "Below", "description": "Full-width cell displayed below the template's body.", "suggested": true }, "imageleft": { "label": "Image left", "description": "Image to be displayed in a cell below the title and to the left of the body. For the image to display properly, list1 parameter must be specified and no groups can be specified.", "example": "[[File:XX.jpg | 80px | link= | alt= ]]", "type": "wiki-file-name" }, "name": { "label": "Name", "description": "The name of the template. Needed for \"View • Talk • Edit\" links to work properly.", "type": "string", "default": "{{subst:PAGENAME}}", "suggested": true }, "class": { "label": "Navbox class", "description": "CSS class for the navbox.", "example": "navbox-items", "type": "string" }, "listclass": { "label": "List class", "description": "CSS class for the list cells, usually hlist for horizontal lists.", "example": "hlist", "type": "string" }, "navbar": { "label": "Navbar status", "example": "plain, off", "type": "string" }, "border": { "label": "Border status", "example": "child, subgroup, none", "type": "string" }, "evenodd": { "suggestedvalues": [ "swap", "even", "odd", "off" ] } }, "description": "Creates a navigational box for links to other pages.", "paramOrder": [ "name", "title", "class", "group1", "list1", "listclass", "state", "above", "below", "image", "group2", "list2", "group3", "list3", "group4", "list4", "imageleft", "navbar", "border", "evenodd" ] } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 4033a1bb3c8eb8eecc149a07f4f7cb80197fe359 10 148 165 2024-11-22T22:26:52Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:No direct use]] 8448af1f61f0d64a84806b006c70670d9296acde 10 149 166 2024-11-22T22:26:53Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{ambox|icon=Warning-red.svg|title='''Don't call this template directly from any content page!''' |message=This template is intended to be used inside of another template. Then that template in turn may be used on content pages. |color=red }}</includeonly><noinclude>{{documentation}} [[Category:Notice templates]]</noinclude> 72f49bdd34be1bcb8d1a6f91015ddce6912103db 10 150 167 2024-11-22T22:26:54Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 151 168 2024-11-22T22:26:56Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Nowrap]] 269180d5083536bbbf72d889477805cfde7aac9e 10 152 169 2024-11-22T22:26:57Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <span style{{=}}"font-weight:normal; font-style:normal">{{{1}}}</span><noinclude> {{documentation}} </noinclude> f1d74e033cde1ce3b2efdc98b78fb863b8524fcf 10 153 170 2024-11-22T22:26:59Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <span class="nowrap">{{{1}}}</span><noinclude> {{documentation}} </noinclude> 8817bafce418a08a72f3425283fc03d04a2d8d44 10 154 171 2024-11-22T22:27:00Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki &#124;<noinclude>{{documentation}}</noinclude> 9d1875aa686e4e25a0994448a39d057e91541788 10 155 172 2024-11-22T22:27:01Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 156 173 2024-11-22T22:27:03Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="quote"><!-- start quote wrapper --><div class="marks-wrapper"><!-- start marks wrapper --><div class="block"><!-- start quote block -->{{#if:{{{title|}}}|<div class="title">{{{title}}}</div>|}}<!-- -->{{#if:{{{text|{{{1|}}}}}}|<div class="text">{{{text|{{{1|}}}}}}</div>|}}<!-- --></div><!-- end quote block --></div><!-- end marks wrapper -->{{#if:{{{author|{{{2|}}}}}}|<div class="author">― {{#if:{{{authorpage|}}}| [[{{{authorpage}}}|{{{author|{{{2|}}}}}}]] | {{{author|{{{2|}}}}}} }}</div>|}}<!-- --></div><!-- -->[[Category:Pages with quotes]]</includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> 095258ceee92819a4e7b83c26fba3761bf9c41a9 10 157 174 2024-11-22T22:27:05Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki == Examples == {| class="wikitable" ! Code !! Result |- | <pre>{{Quote|text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote|text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |} == Dependencies == For this template to work properly, you need the following: * The <code>.quote</code> and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> == Template data (for Visual Editor) == <templatedata> { "params": { "title": { "label": "Title", "description": "If the quote has a title, put it here.", "example": "Richard III's soliloquy", "type": "line" }, "text": { "label": "Quoted Text", "description": "The quoted text to be displayed.", "example": "Now is the winter of our discontent made glorious summer by this sun of York", "type": "string", "required": true }, "author": { "label": "Quote's Author", "description": "The author of the displayed quote.", "example": "William Shakespeare", "type": "line", "suggested": true }, "authorpage": { "label": "Author's Page", "description": "If the quote's author has a page on the Wiki, put the page name here.", "example": "William Shakespeare (playwright)", "type": "wiki-page-name", "suggested": true } }, "description": "This template creates a styled block element for quotes.", "paramOrder": [ "text", "author", "authorpage", "title" ], "format": "block" } </templatedata> 8a10e77de70ff704435282ce0f2ba792a13404a5 10 158 175 2024-11-22T22:27:06Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:pages|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|new pages titled [[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|a new page titled [[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Ambox | color = purple | icon = Split.svg | message = It has been proposed that this page be split into {{#var:pages}}. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for splitting]]}}</includeonly><!-- --><noinclude>{{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 73f5044c8b972e18c3b7880f94b0644e4a0e6ac7 10 159 176 2024-11-22T22:27:08Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 160 177 2024-11-22T22:27:09Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly><!-- Base code written for Terraria Wiki: https://terraria.wiki.gg/wiki/Template:Spoiler NOTE: This template needs a JavaScript function in MediaWiki:Common.js or MediaWiki:Vector.js to work, as well as styling in MediaWiki:Common.css or MediaWiki:Vector.css for the related classes --><span class="spoiler-content {{{class|}}}" id="{{{id|}}}" style="{{{css|{{{style|}}}}}}"><span>{{{1|}}}</span></span><!-- -->[[Category:Pages with spoilers]]<!-- --></includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 073fcc72806a233f4b8aed7bf43c51f85316e4d5 10 161 178 2024-11-22T22:27:10Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "aliases": [ "text" ], "label": "Text", "description": "The text to be shown.", "example": "Character A died during the battle.", "type": "content", "required": true }, "hover": { "label": "Show on Hover?", "description": "Show spoiler text on mouse hover.", "example": "hover=yes", "type": "boolean", "default": "hover=no" } }, "description": "This template can be used to mark text as a spoiler.", "maps": { "1": {} }, "paramOrder": [ "1", "hover" ], "format": "inline" } </templatedata> == The hoverShowSpoilers gadget == Users can enable {{gad|hoverShowSpoilers}} to make spoilers show on hover, not just on click. The code for this gadget can be found at {{gad|hoverShowSpoilers.css}}. == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{spoiler|spoiler text}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text}} |- | <code><nowiki>{{spoiler|spoiler text with a [[Template:Navbox|link]]}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text with a [[Template:Navbox|link]]}} |} == Dependencies == For this template to work properly, you need the following: * The small JavaScript code for toggling the <code>.spoiler</code> class on/off on click, found in [[MediaWiki:Common.js]]. * The <code>.spoiler-content</code> and any related classes, found in [[MediaWiki:Common.css]]. == Source == Base code adapted from [https://terraria.wiki.gg/wiki/Template:Spoiler Template:Spoiler on Terraria Wiki]. <noinclude>[[Category:Template documentation]]</noinclude> 0a47f2e840d579e339ed92445d2dba4a32cd76fe 10 162 179 2024-11-22T22:27:11Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{Ambox | color = red | icon = Warning-red.svg | title = Spoiler Warning | message = This page contains '''spoilers'''. View at your own discretion. | tiny = {{{tiny|}}} | class = {{{class|}}} }}<noinclude>{{doc}}</noinclude> 06bff33f547d6b08794a2f9b6537b19478b2866e 10 163 180 2024-11-22T22:27:12Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 164 181 2024-11-22T22:27:13Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Stub.svg | message = This page is a [[support:Stub|stub]]. You can help '''{{SITENAME}}''' by [{{fullurl:{{FULLPAGENAME}}|action=edit}} expanding it]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Stubs]]}}</includeonly><!-- --><noinclude>{{Stub|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 1effeb7d6eb04a0b11c76b8bfa871703461c9344 10 165 182 2024-11-22T22:27:14Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 166 183 2024-11-22T22:27:15Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{#invoke:Template link|main|code=on}}</includeonly><noinclude> {{Documentation}} </noinclude> 1c13b1daaf7b7e8ce1e45cc03b4baf31c09bc6cd 10 167 184 2024-11-22T22:27:16Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{From Wikipedia|Module:Template link general,Template:Tlx}} {{Uses Lua|Template link}} This template returns an exemplaric use of a template while linking to the template description page, if the template exists. == Usage == <pre> {{tl|<Template name>}} {{tl|<Template name>|<Template parameters>}} </pre> ; ''unnamed parameter'' 1 : Template name (without <code>Template:</code> prefix) ; ''unnamed parameter'' 2 - 9 : Optional. Template parameters ; nl : Optional flag to display an un-linked template usage. == Examples == : <code><nowiki>{{tl|stub}}</nowiki></code> returns {{tl|stub}} : <code><nowiki>{{tl|stub|1}}</nowiki></code> returns {{tl|stub|1}} : <code><nowiki>{{tl|stub|1|2|nl{{=}}y}}</nowiki></code> returns {{tl|stub|1|2|nl{{=}}y}} : <code><nowiki>{{tl|for|page|t1{{=}}alt text}}</nowiki></code> returns {{tl|for|page|t1{{=}}alt text}} == See also == <includeonly> [[Category:Formatting templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 68dd4189207857784f997c892d71b1a2dd95f123 10 168 185 2024-11-22T22:27:17Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Tl]] af3906f239c45d791753d3170c656eddd6d1af5f 10 169 186 2024-11-22T22:27:18Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Uses Lua]] 9675a92267565619bc6418ec4e88163985302408 10 170 187 2024-11-22T22:27:19Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = darkblue | icon = Lua logo.svg | title= This template uses one or more modules written in the Lua programming language. | message = For more information, see [[wikipedia:Wikipedia:Lua|Wikipedia:Lua]] or the [[mw:Extension:Scribunto/Lua reference manual|Lua reference manual]] on mediawiki.org. Modules used include: {{#if:{{{1|}}}|{{#arraymap:{{{1|}}}|,|%s|'''[[Module:%s|%s]]'''}}|''None provided''}}. | tiny = {{{tiny|}}} | class = {{{class|}}} }}</includeonly><noinclude>{{doc}}</noinclude> 1d35e1343609ab44eadde8934391c5ff5cb07ae3 10 171 188 2024-11-22T22:27:21Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 14 172 189 2024-11-22T22:27:23Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 173 190 2024-11-22T22:27:24Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This is the top-level category. It contains meta categories and pages about the wiki. 8935f2b3e97edfeadd7bb206f1e17c03099ec24a 14 174 191 2024-11-22T22:27:25Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 175 192 2024-11-22T22:27:26Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 176 193 2024-11-22T22:27:27Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 177 194 2024-11-22T22:27:28Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki These categories are hidden on article pages. [[Category:Wiki maintenance]] e4d17499a8377d3f2b4b4a618a671e53111f43ca 14 178 195 2024-11-22T22:27:29Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Media]] b141d2b9971d6efe9f59bd03449781e71411c631 14 179 196 2024-11-22T22:27:30Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 180 197 2024-11-22T22:27:32Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Template documentation]] e65ecf60878d4707b3b4c1e3962615e2d5f3b2ab 14 181 198 2024-11-22T22:27:33Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 182 199 2024-11-22T22:27:34Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 183 200 2024-11-22T22:27:35Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 14 184 201 2024-11-22T22:28:37Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Main page templates]] ce086f8cfa39aeb8137ffe34e5d41aa38300cf4e 14 185 202 2024-11-22T22:28:38Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 186 203 2024-11-22T22:28:39Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 187 204 2024-11-22T22:28:41Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 188 205 2024-11-22T22:28:42Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 189 206 2024-11-22T22:28:43Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 190 207 2024-11-22T22:28:44Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 191 208 2024-11-22T22:28:45Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 192 209 2024-11-22T22:28:46Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 193 210 2024-11-22T22:28:48Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 194 211 2024-11-22T22:28:49Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 195 212 2024-11-22T22:28:50Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 196 213 2024-11-22T22:28:52Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 197 214 2024-11-22T22:28:53Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 198 215 2024-11-22T22:28:54Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 199 216 2024-11-22T22:28:55Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 200 217 2024-11-22T22:28:56Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 201 218 2024-11-22T22:28:57Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 202 219 2024-11-22T22:28:58Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 203 220 2024-11-22T22:28:59Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 204 221 2024-11-22T22:29:01Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This category contains every page with a DRUID infobox. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ c3120bb946ff71a0533179ff75a02386d8d8c214 14 205 222 2024-11-22T22:29:02Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 206 223 2024-11-22T22:29:03Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This category contains every page with an {{tl|ambox}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ b009bcb4ef2efb67034d525d6d25d2be03deadd1 14 207 224 2024-11-22T22:29:05Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 14 208 225 2024-11-22T22:29:06Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This category contains every page with a {{tl|color}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ be8427e480e296ba56acf381229ea14b26ad458f 14 209 226 2024-11-22T22:29:07Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 210 227 2024-11-22T22:29:08Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This category contains every page with a {{tl|hatnote}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ dbc5cec0c8554a320c9996220a62e2726b40b679 14 211 228 2024-11-22T22:29:09Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 212 229 2024-11-22T22:29:10Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 213 230 2024-11-22T22:29:11Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 214 231 2024-11-22T22:29:12Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This category contains every page with a {{tl|navbox}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ 03d0e97070fdc65d3610c4f551f3655c70705d05 14 215 232 2024-11-22T22:29:13Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 14 216 233 2024-11-22T22:29:14Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This category contains every page with a {{tl|quote}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ e0e4211b3cde9d31657566186c54e0e141a11ea0 14 217 234 2024-11-22T22:29:16Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 218 235 2024-11-22T22:29:17Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 219 236 2024-11-22T22:29:18Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This category contains every page with a {{tl|spoiler}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ e99383104807e5992a7bc9af4fb3ee0c33d0253b 14 220 237 2024-11-22T22:29:19Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 221 238 2024-11-22T22:29:20Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 222 239 2024-11-22T22:29:21Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 223 240 2024-11-22T22:29:22Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki Official images used for purposes of promoting the game, that may not actually represent gameplay. [[Category:Images]] 80b893c439747ce681cf18cc579c3bc4c65cd502 14 224 241 2024-11-22T22:29:24Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 225 242 2024-11-22T22:29:26Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] [[Category:Wiki maintenance]] c1800be0da4588b3b652fa5324aade2c496fb3c5 14 226 243 2024-11-22T22:29:27Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 227 244 2024-11-22T22:29:29Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Templates]] [[Category:Wiki maintenance]] b1ff76c0593194e53e6bf42f37ca337a5493c57e 14 228 245 2024-11-22T22:29:30Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki The sub-categories of this category contain pages that have been identified as needing attention for one or more of the following reasons: * Changes have been suggested that should be discussed first or are under discussion. * The page has flaws that need addressing by an editor with the knowledge or skills to help. * The action the page needs requires special rights. ''See also:'' * [[Special:BrokenRedirects|Broken redirects]] * [[Special:DoubleRedirects|Double redirects]] * [[Special:UncategorizedCategories|Uncategorized categories]] * [[Special:UncategorizedFiles|Uncategorized files]] * [[Special:UncategorizedPages|Uncategorized pages]] * [[Special:UncategorizedTemplates|Uncategorized templates]] * [[Special:WantedCategories|Wanted categories]] * [[Special:WantedFiles|Wanted files]] * [[Special:WantedPages|Wanted pages]] * [[Special:WantedTemplates|Wanted templates]] * [[Special:TrackingCategories|Other special tracking categories]] [[Category:{{SITENAME}}]] 4b90dc0dbd8c91e131e4ffcf22360b1c837b9717 14 229 246 2024-11-22T22:29:31Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 828 230 247 2024-11-22T22:29:33Z Crimroxs 244470 Adding default set of pages Scribunto text/plain local p = {} function p.merge() local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end return args end return p 1d1b2105bd857dcc5e33c8c0a8a780f67cbae72e 828 231 248 2024-11-22T22:29:34Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki This is a basic module for processing args. Usage: <syntaxhighlight lang="lua"> local util_args = require('Module:ArgsUtil') local p = {} function p.main(frame) local args = util_args.merge() -- it is not necessary to pass a `frame` object; `merge` will generate its own mw.logObject(args) -- `args` now contains args passed via the template merged with defaults provided directly via the invoke. -- anything the user sent via the template will be given priority. end return p </syntaxhighlight> == Extending this module == By design, {{ml|ArgsUtil}} is shipped with only a single function and no customization available; this simplifies documentation and covers nearly all use cases. An extended version of this module is available at [[support:Module:ArgsUtil|Module:ArgsUtil on the support wiki]] if you want additional functionality; and you can of course feel free to modify this module on your own wiki as needed. 6fc2a23dcff62ac5a222903e46bc56c07b0a2b1f 828 232 249 2024-11-22T22:29:35Z Crimroxs 244470 Adding default set of pages Scribunto text/plain -- version 0.1.6 -------------------------------------- -- User settings, you can modify these -------------------------------------- -- if you want to not always use divs in your wiki (as opposed to tables), you can change this default -- just remember to change it back each time you update from the main "branch" on the support wiki! -- you can also control it per infobox with `|useDivs=yes` or `|useDivs=no` local USE_DIVS = true -- `false` or `true` -- default value to show if a param is missing in some but not all tabs. -- set to `nil` (not in quotes) to remove such rows altogether in the tabs where they're missing local TABBED_NONEXIST = nil -- `''` or `nil` or `'N/A'` etc. Don't put nil in quotes. --------------------------------------------------------------------------- -- Do not modify anything below this line unless you know what you're doing --------------------------------------------------------------------------- local h = {} local p = {} local hooks = {} function p.arraymap(frame) -- a lua implementation of Page Forms' arraymap local args = h.overwrite() local items = h.split(args[1], args[2] or ',') for i, item in ipairs(items) do items[i] = args[4]:gsub(args[3], item) end return table.concat(items, args[5] or ',') end function p.preprocess(frame) return frame:preprocess(frame.args[1] or frame:getParent().args[1]) end function p.main(frame) h.registerHooks() h.increment() local args = h.overwrite() local sep = args.sep or ',' h.castArgs(args, sep) h.setMainImage(args.images[1]) -- suggest to use HIDDENCAT here; will be used for maintenance & gadget imports return h.makeInfobox(args, sep), '[[Category:Pages with DRUID infoboxes]]' end function h.registerHooks() if not mw.title.new('Module:Infobox/Hooks').exists then return end hooks = require('Module:Infobox/Hooks') end function h.runHook(key, ...) if hooks[key] then hooks[key](...) end end function h.increment() -- optional use of VariablesLua for better compatibility local VariablesLua = mw.ext.VariablesLua if VariablesLua == nil then h.counter = mw.getCurrentFrame():callParserFunction('#var', {'DRUID_INFOBOX_ID', 0}) + 1 mw.getCurrentFrame():callParserFunction('#vardefine', {'DRUID_INFOBOX_ID', h.counter}) else h.counter = VariablesLua.var('DRUID_INFOBOX_ID', 0) + 1 VariablesLua.vardefine('DRUID_INFOBOX_ID', h.counter) end end function h.castArgs(args, sep) h.runHook('onCastArgsStart', args, sep, args.kind) args.tabs = h.split(args.tabs or args.image_labels, sep) args.images = h.getImages(args, sep) args.sections = h.split(args.sections, sep) for _, section in ipairs(args.sections) do args[section] = h.split(args[section], sep) args[section .. '_tabs'] = h.split(args[section .. '_tabs'], sep) if #args.tabs > 0 and #args[section .. '_tabs'] > 0 then error(('You cannot specify |tabs= and |%s= at the same time, please pick one'):format(section .. '_tabs')) end end if args.useDivs then USE_DIVS = h.castBool(args.useDivs) end -- this would be in the outer scope, but we're hiding it h.entityType = USE_DIVS and 'div' or 'table' -- key of h.htmlEntities h.runHook('onCastArgsEnd', args, sep, args.kind) end function h.getImages(args, sep) if args.image and not args.images then args.images = args.image end if args.images then return h.split(args.images, sep) end if not args.tabs then return {} end local ret = {} for _, key in ipairs(args.tabs) do if args[key .. '_image'] then ret[#ret+1] = args[key .. '_image'] end end return ret end function h.setMainImage(file) if h.counter > 1 then return end if not file then return end local fileText = file:gsub('.-:', '') fileText = fileText:gsub('^([^|%]]+).*', '%1') -- setmainimage is guaranteed to exist on wiki.gg but may not exist on other wikis -- it's not a crucial piece of functionality so we'll fail silently if it doesn't exist pcall(function() mw.getCurrentFrame():callParserFunction{ name = '#setmainimage', args = { fileText }, } end) end function h.makeInfobox(args, sep) local out = mw.html.create(h.getTag('container')) :addClass('druid-infobox') :addClass('druid-container') :addClass(args.class) -- warning: class can be nil, don't concat anything :attr('id', args.id or ('druid-container-' .. h.counter)) if args.kind then out:addClass('druid-container-' .. h.escape(args.kind)) end h.printTitle(out, args) h.printImages(out, args.images, args) for _, section in ipairs(args.sections) do -- cannot begin tagging here because we don't know if any applicable args are present local cols = args[section .. '_columns'] local makeSection = cols and h.makeGridSection or h.makeSection out:node(makeSection(section, args[section], args, tonumber(cols))) end return out end function h.printTitle(out, args) local tabs = args.tabs if not tabs or #tabs == 0 then h.printSimpleTitle(out, args) return end if not h.hasComplexData('title', tabs, args) then h.printSimpleTitle(out, args) return end local node = h.printTitleWrapper(out) h.printTabbedDataItem(node, 'title', tabs, args) end function h.printSimpleTitle(out, args) if args.title then local node = h.printTitleWrapper(out) node:wikitext(args.title) end end function h.printTitleWrapper(out) return out:tag(h.getTag('titleOuter')) :tag(h.getTag('titleInner')) :addClass('druid-title') :attr('colspan', 2) end function h.printTabbedDataItem(node, item, tabs, args) -- hasData isn't used in the title case but we will need to track this -- when we're printing section data later on -- so we'll just track it always local hasData = false for i, label in ipairs(tabs) do local div = node:tag('div') :addClass('druid-toggleable-data') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :attr('data-druid-tab-key', label) if h.getTabbedContent(args, label, item) then hasData = true div:wikitext('\n\n' .. h.getTabbedContent(args, label, item)) div:addClass('druid-toggleable-data-nonempty') else div:addClass('druid-toggleable-data-empty') end if i == 1 then div:addClass('focused') end end return hasData end function h.printImages(out, images, args) if #images == 0 and #args.tabs == 0 then return end -- burden is on the user to format this as an image. this should be done in the infobox template, -- with something like |image={{#if:{{{image|}}}|[[File:{{{image|}}}{{!}}300px{{!}}link=]]}} local td = out:tag(h.getTag('section')) :addClass('druid-section-container') :tag(h.getTag('cell')) :attr('colspan', 2) local tabs = args.tabs local tabTexts = h.getImageTabTexts(tabs, images, args) h.printTabs(td, tabs, tabTexts, false, args) if #images == 0 then return end if #images == 1 then td:addClass('druid-main-image') :wikitext(images[1]) if args.caption then td:tag('div') :addClass('druid-main-image-caption') :wikitext(args.caption) end return end td:addClass('druid-main-images') local imagesContainer = td:tag('div') :addClass('druid-main-images-files') for i, image in ipairs(images) do local container = imagesContainer:tag('div') :addClass('druid-main-images-file') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(image) :attr('data-druid-tab-key', tabs[i]) local labelText if tabs[i] then labelText = args[tabs[i] .. '_label'] or tabs[i] else labelText = '[[Category:Infoboxes missing image labels]]Image ' .. i end if args[labelText .. '_caption'] then container:tag('div') :addClass('druid-main-images-caption') :wikitext(args[labelText .. '_caption']) end if i == 1 then container:addClass('focused') end end end function h.getImageTabTexts(tabs, images, args) if #tabs == 0 and #images <= 1 then return {} end local texts = {} local i = 1 while images[i] or tabs[i] do if tabs[i] then texts[i] = args[tabs[i] .. '_label'] or tabs[i] else texts[i] = '[[Category:Infoboxes missing image labels]]Image ' .. i end i = i + 1 end return texts end function h.printTabs(td, tabs, texts, isSection, args) if #texts == 0 then return end local container = td:tag('div') :addClass('druid-main-images-labels') :addClass('druid-tabs') if isSection then container:addClass('druid-section-tabs') end for i, item in ipairs(tabs) do local label = container:tag('div') :addClass('druid-main-images-label') :addClass('druid-tab') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(texts[i]) :attr('data-druid-tab-key', item) if isSection then label:addClass('druid-section-tab') else label:addClass('druid-title-tab') end if i == 1 then label:addClass('focused') end -- this can be null, don't concat anything here label:addClass(args[item .. '_class']) end end function h.makeGridSection(section, sectionFields, args, numCols) local numItems = h.countItems(sectionFields, section, args) if numItems == 0 then return end local node = mw.html.create(h.getTag('section')) :addClass('druid-section-container') h.printSectionHeader(node, section, args) h.printSectionTabs(node, section, args) local tr = node:tag(h.getTag('row')) :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end local grid = tr:tag(h.getTag('cell')) :attr('colspan', 2) :addClass('druid-grid-section') :addClass('druid-grid-section-' .. h.escape(section)) :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything :tag('div') :addClass('druid-grid') local row, col, i = 1, 1, 1 local sizeOfLastRow = numItems % numCols local lcm = h.getNumGridCols(numItems, sizeOfLastRow, numCols) grid:css('grid-template-columns', ('repeat(%s, 1fr)'):format(lcm)) local size = lcm / numCols for _, item in ipairs(sectionFields) do local node = mw.html.create('div') local shouldPrint = h.printData(node, item, section, args) if shouldPrint then if i == numItems - sizeOfLastRow + 1 then size = lcm / sizeOfLastRow end i = i + 1 local gStart = (col - 1) * size + 1 local gEnd = (col) * size + 1 local itemContainer = grid:tag('div') :addClass('druid-grid-item') :addClass('druid-grid-item-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :css('grid-column', ('%s / %s'):format(gStart, gEnd)) :css('grid-row', row) if not h.castBool(args[item .. '_nolabel']) then h.printLabel(itemContainer:tag('div'), item, args) end itemContainer:node(node) if col == numCols then row = row + 1 col = 1 else col = col + 1 end end end return node end function h.makeSection(section, sectionFields, args) if section == '' then return end -- bruteforce fix for trailing commas local shouldPrint = false local container = mw.html.create(h.getTag('section')) :addClass('druid-section-container') :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything h.printSectionHeader(container, section, args) h.printSectionTabs(container, section, args) for _, item in ipairs(sectionFields) do local node = mw.html.create(h.getTag('cell')) local shouldPrintItem = h.printData(node, item, section, args) if shouldPrintItem then shouldPrint = true local tr = container:tag(h.getTag('row')) :addClass('druid-row') :addClass('druid-row-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end if h.castBool(args[item .. '_wide']) or h.castBool(args[item .. '_nolabel']) then node :attr('colspan', 2) :addClass('druid-data-wide') else h.printLabel(tr:tag(h.getTag('label')), item, args) end tr:node(node) end end if not shouldPrint then return nil end return container end function h.countItems(sectionFields, section, args) local numItems = 0 for _, v in ipairs(sectionFields) do -- we aren't actually printing here, but we're finding out if we should print anything -- because we need the count of columns before we print anything in grid data if h.printData(mw.html.create(), v, section, args) then numItems = numItems + 1 end end return numItems end function h.getNumGridCols(numItems, sizeOfLastRow, numCols) if not numCols then return numItems, 1 end if numItems < numCols then return numItems, 1 end if sizeOfLastRow == 0 then return numCols, 1 end local a, b = sizeOfLastRow, numCols while b ~= 0 do a, b = b, a % b end local lcm = sizeOfLastRow * numCols / a return lcm end function h.printLabel(node, item, args) return node :addClass('druid-label') :addClass('druid-label-' .. h.escape(item)) :wikitext(args[item .. '_display'] or args[item .. '_label'] or item) end function h.printData(node, item, section, args) -- prints data to the node -- and also returns whether the item is nonempty or not local hasData = false local sectionTabs = args[section .. '_tabs'] local tabs = args.tabs if sectionTabs and #sectionTabs > 0 then tabs = sectionTabs end if not tabs or #tabs == 0 then return h.printSimpleData(node, item, args) end if not h.hasComplexData(item, tabs, args) then return h.printSimpleData(node, item, args) end hasData = hasData or h.printTabbedDataItem(node, item, tabs, args) if hasData then node:addClass('druid-data') end return hasData end function h.getTabbedContent(args, label, item) return args[label .. '_' .. item] or args[item] or TABBED_NONEXIST end function h.printSimpleData(node, item, args) if args[item] and type(args[item]) ~= 'string' then error(("Invalid use of field %s as both a section and a data value"):format(item)) end if not args[item] then return false end node:addClass('druid-data') :addClass('druid-data-' .. h.escape(item)) :addClass('druid-data-nonempty') :wikitext('\n\n' .. args[item]) return true end function h.hasComplexData(item, tabs, args) for _, v in ipairs(tabs) do if args[v .. '_' .. item] then return true end end return false end function h.printSectionHeader(node, section, args) if h.castBool(args[section .. '_nolabel']) then return end local tr = node:tag(h.getTag('row')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTitle')) :attr('colspan', 2) :addClass('druid-section') :addClass('druid-section-' .. h.escape(section)) if args[section .. '_collapsible'] then tr:addClass('druid-collapsible') if args[section .. '_collapsed'] then tr:addClass('druid-collapsible-collapsed') end end local emptySections = {} for _, label in ipairs(args.tabs) do local hasLabel = false for _, item in ipairs(args[section] or {}) do if h.getTabbedContent(args, label, item) then hasLabel = true end end if not hasLabel then emptySections[label] = true end end if not next(emptySections) then th:wikitext(args[section .. '_label'] or section) return end for i, label in ipairs(args.tabs) do local div = th:tag('div') :addClass('druid-toggleable-heading') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(args[section .. '_label'] or section) -- we are going to print the section content even in empty nodes -- for compatibility with browsers without :has, where hiding empty rows won't happen if emptySections[label] then div:addClass('druid-toggleable-heading-empty') end if i == 1 then div:addClass('focused') end end end function h.printSectionTabs(node, section, args) local tabs = args[section .. '_tabs'] if not tabs or #tabs == 0 then return end local tr = node:tag(h.getTag('sectionTabsOuter')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTabs')) :attr('colspan', 2) :addClass('druid-section-tabs') :addClass('druid-section-tabs-' .. h.escape(section)) local texts = {} for i, item in ipairs(tabs) do texts[i] = args[item .. '_label'] or item end h.printTabs(th, tabs, texts, true, args) end ---------------------------- -- general utility functions ---------------------------- function h.overwrite() -- this is a generic utility function that collects args from the invoke call & the parent template. -- normally, you merge args with parent template overwriting the invoke call, but -- since we'll be putting markup/formatting into our invoke call, -- we actually want to overwrite what the user sent. local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end return args end -- generic utility functions -- these would normally be provided by other modules, but to make installation easy -- I'm including everything here function h.split(text, pattern, plain) if not text then return {} end local ret = {} for m in h.gsplit(text, pattern, plain) do ret[#ret+1] = m end return ret end function h.gsplit( text, pattern, plain ) if not pattern then pattern = ',' end if not plain then pattern = '%s*' .. pattern .. '%s*' end local s, l = 1, text:len() return function () if s then local e, n = text:find( pattern, s, plain ) local ret if not e then ret = text:sub( s ) s = nil elseif n < e then -- Empty separator! ret = text:sub( s, e ) if e < l then s = e + 1 else s = nil end else ret = e > s and text:sub( s, e - 1 ) or '' s = n + 1 end return ret end end, nil, nil end function h.escape(s) s = s:gsub(' ', '') :gsub('"', '') :gsub("'", '') :gsub("%?", '') :gsub("%%", '') :gsub("%[", '') :gsub("%]", '') :gsub("{", '') :gsub("}", '') :gsub("!", '') return s end -- normally I would make these constants at the top of the file -- but I don't want to mistake them with user-set constants h.boolFalse = { ['false'] = true, ['no'] = true, [''] = true, ['0'] = true, ['nil'] = true } function h.castBool(x) if not x then return false end return not h.boolFalse[tostring(x):lower()] end h.htmlEntities = { table = { container = 'table', titleOuter = 'tr', titleInner = 'th', section = '', sectionTitle = 'th', sectionTabsOuter = 'tr', sectionTabs = 'td', row = 'tr', label = 'th', cell = 'td', }, div = { container = 'div', titleOuter = 'div', titleInner = 'div', section = 'div', sectionTitle = 'div', sectionTabsOuter = 'div', sectionTabs = 'div', row = 'div', label = 'div', cell = 'div', } } function h.getTag(key) -- try not to totally fail here return h.htmlEntities[h.entityType or 'div'][key] end return p 091b5002de1b40869b6a8592ecd0d962c313e153 828 233 250 2024-11-22T22:29:37Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{luadoc}} This module enables the creation of [[support:DRUID infoboxes|DRUID infoboxes]]. 2b023f1deb004fc1cb66271c10ccc2d99cc17c3d 828 234 251 2024-11-22T22:29:38Z Crimroxs 244470 Adding default set of pages Scribunto text/plain local trim = mw.text.trim local p = {} function p.main(frame) -- DEBUG -- local frame = mw.getCurrentFrame() -- frame.args['desktop'] = '\nwelcome welcome welcome\nabout about links\n' -- frame.args['tablet'] = '\nwelcome welcome\nabout links\n' -- frame.args['mobile'] = '\nwelcome\nabout\nlinks\n' -- END DEBUG local sitename = frame:preprocess(mw.message.new('mainpage'):plain()) -- parse the arguments into CSS variables that contain legal syntax for grid-template-areas local desktop = "--main-page-layout--desktop: '" .. string.gsub(trim(frame.args['desktop']), '\n', "' '") .. "';" local tablet = "--main-page-layout--tablet: '" .. string.gsub(trim(frame.args['tablet' ]), '\n', "' '") .. "';" local mobile = "--main-page-layout--mobile: '" .. string.gsub(trim(frame.args['mobile' ]), '\n', "' '") .. "';" -- grid-template-columns local desktop_cols = trim(string.gsub(frame.args['desktop-columns'] or '', ';', '')) local tablet_cols = trim(string.gsub(frame.args[ 'tablet-columns'] or '', ';', '')) local mobile_cols = trim(string.gsub(frame.args[ 'mobile-columns'] or '', ';', '')) if desktop_cols ~= '' then desktop = desktop .. '--main-page-layout-columns--desktop: '.. desktop_cols ..';' end if tablet_cols ~= '' then tablet = tablet .. '--main-page-layout-columns--tablet: '.. tablet_cols ..';' end if mobile_cols ~= '' then mobile = mobile .. '--main-page-layout-columns--mobile: '.. mobile_cols ..';' end local boxes = {} -- helper function for the next part, checks if an array-like table contains a value function contains(t, entry) for _,value in pairs(t) do if value == entry then return true end end return false end -- add every box referenced in the layout rules once -- we check all 3 layouts so that typos or other errors will clearly surface for _,value in pairs(mw.text.split(mw.text.trim(frame.args['desktop'] .. '\n' .. frame.args['tablet'] .. '\n' .. frame.args['mobile']), '%s')) do if not (value == "" or contains(boxes, value)) then table.insert(boxes, value) end end -- mw.logObject(boxes) -- start our mp-container wrapper, and add our variables from earlier as inline styles to declare them -- the sitename is added to the dataset so it's easily accessible by mp-edit-links.js and it doesn't need to make its own API call local output = '<div id="mp-container" style="' .. desktop .. tablet .. mobile .. '" data-sitename="' .. sitename .. '">' -- loop through boxes and add the relevant main page subpages into the output for _,box in pairs(boxes) do if mw.title.new(sitename .. '/' .. box).exists then output = output .. frame:expandTemplate{ title = ':' .. sitename .. '/' .. box} else output = output .. frame:expandTemplate{ title = 'Main page box/missing', args = { box } } -- See [[Template:Main page box/missing]] end end output = output .. '</div>' return output end return p ffbc32d2812b26fb41f3797056bd961a77405716 828 235 252 2024-11-22T22:30:40Z Crimroxs 244470 Adding default set of pages Scribunto text/plain local p = {} local getArgs -- lazily initialized local args local format = string.format local function get_title_arg(is_collapsible, template) local title_arg = 1 if is_collapsible then title_arg = 2 end if template then title_arg = 'template' end return title_arg end local function add_link(link_description, ul, is_mini) local l if link_description.url then l = {'[', '', ']'} else l = {'[[', '|', ']]'} end ul:tag('li') :addClass('nv-' .. link_description.full) :wikitext(l[1] .. link_description.link .. l[2]) :tag(is_mini and 'abbr' or 'span') :attr('title', link_description.html_title) :wikitext(is_mini and link_description.mini or link_description.full) :done() :wikitext(l[3]) :done() end local function make_list(title_text, has_brackets, is_mini) local title = mw.title.new(mw.text.trim(title_text), 'Template') if not title then error('Invalid title ' .. title_text) end local talkpage = title.talkPageTitle and title.talkPageTitle.fullText or '' local link_descriptions = { { ['mini'] = 'v', ['full'] = 'view', ['html_title'] = 'View this template', ['link'] = title.fullText, ['url'] = false }, { ['mini'] = 'e', ['full'] = 'edit', ['html_title'] = 'Edit this template', ['link'] = title:fullUrl('action=edit'), ['url'] = true }, { ['mini'] = 'h', ['full'] = 'hist', ['html_title'] = 'History of this template', ['link'] = title:fullUrl('action=history'), ['url'] = true }, } local ul = mw.html.create('ul') if has_brackets then ul:addClass('navbar-brackets') end for _, description in ipairs(link_descriptions) do add_link(description, ul, is_mini) end return ul:done() end local function navbar(args) local is_collapsible = args.collapsible local is_mini = args.mini local is_plain = args.plain local collapsible_class = nil if is_collapsible then collapsible_class = 'navbar-collapse' if not is_plain then is_mini = 1 end end local div = mw.html.create():tag('div') div :addClass('navbar') :addClass('plainlinks') :addClass('hlist') :addClass(collapsible_class) -- we made the determination earlier if is_mini then div:addClass('navbar-mini') end local box_text = (args.text or 'This box: ') .. ' ' -- the concatenated space guarantees the box text is separated if not (is_mini or is_plain) then div :tag('span') :addClass('navbar-boxtext') :wikitext(box_text) end local template = args.template local has_brackets = args.brackets local title_arg = get_title_arg(is_collapsible, template) local title_text = args[title_arg] or (':' .. mw.getCurrentFrame():getParent():getTitle()) local list = make_list(title_text, has_brackets, is_mini) div:node(list) if is_collapsible then local title_text_class if is_mini then title_text_class = 'navbar-ct-mini' else title_text_class = 'navbar-ct-full' end div:done() :tag('div') :addClass(title_text_class) :wikitext(args[1]) end return tostring(div:done()) end local function striped(wikitext, border) -- Return wikitext with markers replaced for odd/even striping. -- Child (subgroup) navboxes are flagged with a category that is removed -- by parent navboxes. The result is that the category shows all pages -- where a child navbox is not contained in a parent navbox. if border == 'subgroup' and args['orphan'] ~= 'yes' then -- No change; striping occurs in outermost navbox. return wikitext end local first, second = 'odd', 'even' if args['evenodd'] then if args['evenodd'] == 'swap' then first, second = second, first else first = args['evenodd'] second = first end end local changer if first == second then changer = first else local index = 0 changer = function (code) if code == '0' then -- Current occurrence is for a group before a nested table. -- Set it to first as a valid although pointless class. -- The next occurrence will be the first row after a title -- in a subgroup and will also be first. index = 0 return first end index = index + 1 return index % 2 == 1 and first or second end end return (wikitext:gsub('\127_ODDEVEN(%d?)_\127', changer)) -- () omits gsub count end local function processItem(item, nowrapitems) if item:sub(1, 2) == '{|' then -- Applying nowrap to lines in a table does not make sense. -- Add newlines to compensate for trim of x in |parm=x in a template. return '\n' .. item ..'\n' end if nowrapitems == 'yes' then local lines = {} for line in (item .. '\n'):gmatch('([^\n]*)\n') do local prefix, content = line:match('^([*:;#]+)%s*(.*)') if prefix and not content:match('^<span class="nowrap">') then line = format('%s<span class="nowrap">%s</span>', prefix, content) end table.insert(lines, line) end item = table.concat(lines, '\n') end if item:match('^[*:;#]') then return '\n' .. item ..'\n' end return item end -- we will want this later when we want to add tstyles for hlist/plainlist local function has_navbar() return args['navbar'] ~= 'off' and args['navbar'] ~= 'plain' and ( args['name'] or mw.getCurrentFrame():getParent():getTitle():gsub('/sandbox$', '') ~= 'Template:Navbox' ) end local function renderNavBar(titleCell) if has_navbar() then titleCell:wikitext(navbar{ [1] = args['name'], ['mini'] = 1, }) end end local function renderTitleRow(tbl) if not args['title'] then return end local titleRow = tbl:tag('tr') local titleCell = titleRow:tag('th'):attr('scope', 'col') local titleColspan = 2 if args['imageleft'] then titleColspan = titleColspan + 1 end if args['image'] then titleColspan = titleColspan + 1 end titleCell :addClass('navbox-title') :attr('colspan', titleColspan) renderNavBar(titleCell) titleCell :tag('div') -- id for aria-labelledby attribute :attr('id', mw.uri.anchorEncode(args['title'])) :addClass('navbox-title-text') :wikitext(processItem(args['title'])) tbl:tag('tr') :addClass('navbox-spacer') end local function getAboveBelowColspan() local ret = 2 if args['imageleft'] then ret = ret + 1 end if args['image'] then ret = ret + 1 end return ret end local function renderAboveRow(tbl) if not args['above'] then return end tbl:tag('tr') :tag('td') :addClass('navbox-abovebelow') :attr('colspan', getAboveBelowColspan()) :tag('div') -- id for aria-labelledby attribute, if no title :attr('id', args['title'] and nil or mw.uri.anchorEncode(args['above'])) :wikitext(processItem(args['above'], args['nowrapitems'])) tbl:tag('tr') :addClass('navbox-spacer') end local function renderBelowRow(tbl) if not args['below'] then return end tbl:tag('tr') :addClass('navbox-spacer') tbl:tag('tr') :tag('td') :addClass('navbox-abovebelow') :attr('colspan', getAboveBelowColspan()) :tag('div') :wikitext(processItem(args['below'], args['nowrapitems'])) end local function renderListRow(tbl, index, listnum, listnums_size) if index > 1 then tbl:tag('tr') :addClass('navbox-spacer') end local row = tbl:tag('tr') if index == 1 and args['imageleft'] then row :tag('td') :addClass('noviewer') :addClass('navbox-image') :css('width', '1px') -- Minimize width :css('padding', '0 2px 0 0') :attr('rowspan', listnums_size) :tag('div') :wikitext(processItem(args['imageleft'])) end local group_and_num = format('group%d', listnum) if args[group_and_num] then local groupCell = row:tag('th') -- id for aria-labelledby attribute, if lone group with no title or above if listnum == 1 and not (args['title'] or args['above'] or args['group2']) then groupCell :attr('id', mw.uri.anchorEncode(args['group1'])) end groupCell :attr('scope', 'row') :addClass('navbox-group') groupCell :wikitext(args[group_and_num]) end local listCell = row:tag('td') if args[group_and_num] then listCell :addClass('navbox-list-with-group') else listCell:attr('colspan', 2) end local list_and_num = format('list%d', listnum) local listText = args[list_and_num] local oddEven = '\127_ODDEVEN_\127' if listText:sub(1, 12) == '</div><table' then -- Assume list text is for a subgroup navbox so no automatic striping for this row. oddEven = listText:find('<th[^>]*"navbox%-title"') and '\127_ODDEVEN0_\127' or 'odd' end local listclass_and_num = format('list%dclass', listnum) listCell :addClass('navbox-list') :addClass('navbox-' .. oddEven) :addClass(args['listclass']) :addClass(args[listclass_and_num]) :tag('div') :wikitext(processItem(listText, args['nowrapitems'])) if index == 1 and args['image'] then row :tag('td') :addClass('noviewer') :addClass('navbox-image') :css('width', '1px') -- Minimize width :css('padding', '0 0 0 2px') :attr('rowspan', listnums_size) :tag('div') :wikitext(processItem(args['image'])) end end local function renderMainTable(border, listnums) local tbl = mw.html.create('table') :addClass('nowraplinks') local state = args['state'] if args['title'] and state ~= 'plain' and state ~= 'off' then if state == 'collapsed' then state = 'mw-collapsed' end tbl :addClass('mw-collapsible') :addClass(state or 'autocollapse') end if border == 'subgroup' or border == 'none' then tbl :addClass('navbox-subgroup') else -- regular navbox tbl :addClass('navbox-inner') end renderTitleRow(tbl) renderAboveRow(tbl) local listnums_size = #listnums for i, listnum in ipairs(listnums) do renderListRow(tbl, i, listnum, listnums_size) end renderBelowRow(tbl) return tbl end function p._navbox(navboxArgs) args = navboxArgs local listnums = {} for k, _ in pairs(args) do if type(k) == 'string' then local listnum = k:match('^list(%d+)$') if listnum then table.insert(listnums, tonumber(listnum)) end end end table.sort(listnums) local border = mw.text.trim(args['border'] or args[1] or '') if border == 'child' then border = 'subgroup' end -- render the main body of the navbox local tbl = renderMainTable(border, listnums) local res = mw.html.create() -- render the appropriate wrapper for the navbox, based on the border param if border == 'none' then local nav = res:tag('div') :attr('role', 'navigation') :node(tbl) -- aria-labelledby title, otherwise above, otherwise lone group if args['title'] or args['above'] or (args['group1'] and not args['group2']) then nav:attr( 'aria-labelledby', mw.uri.anchorEncode( args['title'] or args['above'] or args['group1'] ) ) else nav:attr('aria-label', 'Navbox') end elseif border == 'subgroup' then -- We assume that this navbox is being rendered in a list cell of a -- parent navbox, and is therefore inside a div with padding:0em 0.25em. -- We start with a </div> to avoid the padding being applied, and at the -- end add a <div> to balance out the parent's </div> res :wikitext('</div>') :node(tbl) :wikitext('<div>') else local nav = res:tag('div') :attr('role', 'navigation') :addClass('navbox') :addClass(args['class']) :node(tbl) -- aria-labelledby title, otherwise above, otherwise lone group if args['title'] or args['above'] or (args['group1'] and not args['group2']) then nav:attr( 'aria-labelledby', mw.uri.anchorEncode(args['title'] or args['above'] or args['group1']) ) else nav:attr('aria-label', 'Navbox') end end return striped(tostring(res), border) end function p.navbox(frame) if not getArgs then getArgs = require('Module:ArgsUtil').merge end args = getArgs() -- Read the arguments in the order they'll be output in, to make references -- number in the right order. local _ _ = args['title'] _ = args['above'] -- Limit this to 20 as covering 'most' cases (that's a SWAG) and because -- iterator approach won't work here for i = 1, 20 do _ = args[format('group%d', i)] _ = args[format('list%d', i)] end _ = args['below'] return p._navbox(args) end return p b883ff63b1b77f6419fcf3bb09db9d456e3839bb 828 236 253 2024-11-22T22:30:41Z Crimroxs 244470 Adding default set of pages Scribunto text/plain -- This implements Template:Tlg local getArgs = require('Module:ArgsUtil').merge local p = {} -- Is a string non-empty? local function _ne(s) return s ~= nil and s ~= "" end local nw = mw.text.nowiki local function addTemplate(s) local i, _ = s:find(':', 1, true) if i == nil then return 'Template:' .. s end local ns = s:sub(1, i - 1) if ns == '' or mw.site.namespaces[ns] then return s else return 'Template:' .. s end end local function trimTemplate(s) local needle = 'template:' if s:sub(1, needle:len()):lower() == needle then return s:sub(needle:len() + 1) else return s end end local function linkTitle(args) if _ne(args.nolink) then return args[1] end local titleObj local titlePart = '[[' if args[1] then -- This handles :Page and other NS titleObj = mw.title.new(args[1], 'Template') else titleObj = mw.title.getCurrentTitle() end titlePart = titlePart .. (titleObj ~= nil and titleObj.fullText or addTemplate(args[1])) local textPart = args.alttext if not _ne(textPart) then if titleObj ~= nil then textPart = titleObj:inNamespace("Template") and args[1] or titleObj.fullText else -- redlink textPart = args[1] end end if _ne(args.subst) then -- HACK: the ns thing above is probably broken textPart = 'subst:' .. textPart end if _ne(args.brace) then textPart = nw('{{') .. textPart .. nw('}}') elseif _ne(args.braceinside) then textPart = nw('{') .. textPart .. nw('}') end titlePart = titlePart .. '|' .. textPart .. ']]' if _ne(args.braceinside) then titlePart = nw('{') .. titlePart .. nw('}') end return titlePart end function p.main(frame) local args = getArgs() return p._main(args) end function p._main(args) local bold = _ne(args.bold) or _ne(args.boldlink) or _ne(args.boldname) local italic = _ne(args.italic) or _ne(args.italics) local dontBrace = _ne(args.brace) or _ne(args.braceinside) local code = _ne(args.code) or _ne(args.tt) local show_result = _ne(args._show_result) local expand = _ne(args._expand) -- Build the link part local titlePart = linkTitle(args) if bold then titlePart = "'''" .. titlePart .. "'''" end if _ne(args.nowrapname) then titlePart = '<span class="nowrap">' .. titlePart .. '</span>' end -- Build the arguments local textPart = "" local textPartBuffer = "&#124;" local codeArguments = {} local codeArgumentsString = "" local i = 2 local j = 1 while args[i] do local val = args[i] if val ~= "" then if _ne(args.nowiki) then -- Unstrip nowiki tags first because calling nw on something that already contains nowiki tags will -- mangle the nowiki strip marker and result in literal UNIQ...QINU showing up val = nw(mw.text.unstripNoWiki(val)) end local k, v = string.match(val, "(.*)=(.*)") if not k then codeArguments[j] = val j = j + 1 else codeArguments[k] = v end codeArgumentsString = codeArgumentsString .. textPartBuffer .. val if italic then val = '<span style="font-style:italic;">' .. val .. '</span>' end textPart = textPart .. textPartBuffer .. val end i = i + 1 end -- final wrap local ret = titlePart .. textPart if not dontBrace then ret = nw('{{') .. ret .. nw('}}') end if _ne(args.a) then ret = nw('*') .. '&nbsp;' .. ret end if _ne(args.kbd) then ret = '<kbd>' .. ret .. '</kbd>' end if code then ret = '<code>' .. ret .. '</code>' elseif _ne(args.plaincode) then ret = '<code style="border:none;background:transparent;">' .. ret .. '</code>' end if _ne(args.nowrap) then ret = '<span class="nowrap">' .. ret .. '</span>' end --[[ Wrap as html?? local span = mw.html.create('span') span:wikitext(ret) --]] if _ne(args.debug) then ret = ret .. '\n<pre>' .. mw.text.encode(mw.dumpObject(args)) .. '</pre>' end if show_result then local result = mw.getCurrentFrame():expandTemplate{title = addTemplate(args[1]), args = codeArguments} ret = ret .. " → " .. result end if expand then local query = mw.text.encode('{{' .. addTemplate(args[1]) .. string.gsub(codeArgumentsString, textPartBuffer, "|") .. '}}') local url = mw.uri.fullUrl('special:ExpandTemplates', 'wpInput=' .. query) mw.log() ret = ret .. " [" .. tostring(url) .. "]" end return ret end return p 8cf3918c48e9ee8d379419775d7d7ce94257884f 828 237 254 2024-11-22T22:30:43Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{From Wikipedia|Module:Template link general}} 1a395265ccbd055518c1d14b52362cc148b89c81 0 238 255 2024-11-22T22:30:46Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, press the button that says Create Box after saving or previewing this page and it will make a new template for you. Yes, you will be able to change the title later if you change your mind after filling out the prompt! 👀 RULE 5: Each box must be used somewhere in each layout. If you see your boxes all squished to the left, some vertical text or empty space to the right of them, and some other boxes at the very bottom taking up the remaining width, it probably means you broke this rule. -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about links links contribute contribute external <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about links contribute external <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about links external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> fd27c0a6c91800e3ce0375be5b3381a8cc591db4 256 255 2024-11-22T22:30:46Z Crimroxs 244470 Protected "[[Vermis Malum Wiki]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, press the button that says Create Box after saving or previewing this page and it will make a new template for you. Yes, you will be able to change the title later if you change your mind after filling out the prompt! 👀 RULE 5: Each box must be used somewhere in each layout. If you see your boxes all squished to the left, some vertical text or empty space to the right of them, and some other boxes at the very bottom taking up the remaining width, it probably means you broke this rule. -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about links links contribute contribute external <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about links contribute external <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about links external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> fd27c0a6c91800e3ce0375be5b3381a8cc591db4 0 239 257 2024-11-22T22:30:47Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{Main page box/start | title = About Vermis Malum | id = about<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> }} This is an example main page. You can redesign it however you want, or you can keep the layout the same but change the contents (e.g. this part should talk about your game). Take a look at some other wiki.gg wikis for inspiration! <div style="text-align:right">[[Vermis Malum|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 5c7c649d8e920780e11b9a2bda1cbff046dccd8d 267 257 2024-11-23T04:39:43Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Vermis Malum | id = about<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> }} Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets. Per the Night Mind Index, "In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born". <div style="text-align:right">[[Vermis Malum|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> d29c768ebfb3216e06912226365027c867c27a02 0 240 258 2024-11-22T22:30:48Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{Main page box/start | title = Contribute to the wiki | id = contribute }} {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 2afc4c3521e4ec7702c1525090ad93425fa8d22e 0 241 259 2024-11-22T22:30:49Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{Main page box/start | title = External links | id = external<!-- don't edit this line if you just made this page and it says {{subst:SUBPAGENAME}}. Do edit it if you move this page later, to reflect the new subpage name --> }} <div class="mp-links columns-2"> * {{MP link|Official site|link=https://wiki.gg}} * {{MP link|Discord|link=https://discord.gg/rTnST57tuW|image=Discord.svg|size=64x64px}} * {{MP link|X|link=https://x.com/ggwikis|image=X.svg|size=64x64px|imageClass=invert-on-dark}} * {{MP link|indie.io|link=https://www.indie.io/|image=indie.io.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 4bb85c1c1d1dcee6e7745f93b876ae7ceae488ac 0 242 260 2024-11-22T22:30:51Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{Main page box/start | title = Links | id = links<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Important page here|image=Wiki.gg logo-pink.svg|size=92px}} * {{MP link|Another important page here|link=Special:Random}} * {{MP link|Example Character|link=Example character|image=Example_character_image.png|size=92px}} * {{MP link|Example character infobox|link=Template:Example character infobox|image=Example_character_image.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 2b089faff80031d72122a9055aece116ea9ad6b7 0 243 261 2024-11-22T22:30:52Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{Main page box/start | title = Welcome to the {{SITENAME}}! | id = welcome<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> }} TODO: Replace this text with some information about your community and the game it's documenting. You're pretty cool people! We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 455a5baa05dc997315d33ef7e278878c45a8dfc2 0 244 262 2024-11-22T22:30:53Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki {{Example character infobox |title=Dragon |image=Example character image.png |Region=Shurima |Element=Fire |Attack=51 |HP=85 |Armor=34 |Attack Speed=78 }} Please note, this is NOT content related to {{SITENAME}}. It is an example page for the demonstration of [[support:DRUID Infoboxes|DRUID Infoboxes]]. Please delete this page at your earliest convenience! To edit how the infobox works, please see {{tl|Example character infobox}}. == About == The '''Example Character''' is a very cool character found in the Default Loadout Wiki. It is a dragon that can camouflage itself as a flower due to inventive and scientific reasons, and not because the artist is bad at drawing dragons. == Combat == The Example Character has several attacks, including: * Disguise Self As Flower * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] [[Category:Characters]] 389bfca240a91503f63b5620fb47049aebda49ac 0 1 263 1 2024-11-22T22:30:55Z Crimroxs 244470 Adding default set of pages wikitext text/x-wiki #redirect [[Vermis Malum Wiki]] 3ee3ae540f400b8a91d53246473ec13146d4d47c 264 263 2024-11-22T22:30:55Z Crimroxs 244470 Protected "[[Main Page]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki #redirect [[Vermis Malum Wiki]] 3ee3ae540f400b8a91d53246473ec13146d4d47c 6 245 265 2024-11-23T03:20:03Z Xrystalwish 555517 Malus Domestica art, from the Vermis Malum logo and in-game item icon. wikitext text/x-wiki == Summary == Malus Domestica art, from the Vermis Malum logo and in-game item icon. == Licensing == {{License|game}} 9f8663bc0e11407006e060fcac2a985b478f8741 6 246 266 2024-11-23T03:25:45Z Xrystalwish 555517 The in-game logo for Vermis Malum. wikitext text/x-wiki == Summary == The in-game logo for Vermis Malum. == Licensing == {{License|game}} 0484eb1f10dd40d56e8cdfd20e192c045c97954e 6 247 268 2024-12-03T04:03:40Z Xrystalwish 555517 wikitext text/x-wiki Background images == Licensing == {{License|game}} [[Category:background Images]] f60f2f4876178780e5c6b10c1df778f0e75bb5ff 6 248 269 2024-12-03T04:03:42Z Xrystalwish 555517 wikitext text/x-wiki Background images == Licensing == {{License|game}} [[Category:background Images]] f60f2f4876178780e5c6b10c1df778f0e75bb5ff 8 5 270 6 2024-12-03T04:06:36Z Xrystalwish 555517 Background Changes for Light and Dark theme css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.9; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 9d6defbabff3a325515b7799b9280a12232948d1 6 249 271 2024-12-04T06:18:50Z Xrystalwish 555517 wikitext text/x-wiki Youtube Episode thumbnails == Licensing == {{License|game}} [[Category:Thumbnails]] c604e91a4453172f2bd04079609728e3003eb231 6 250 272 2024-12-04T06:18:51Z Xrystalwish 555517 wikitext text/x-wiki Youtube Episode thumbnails == Licensing == {{License|game}} [[Category:Thumbnails]] c604e91a4453172f2bd04079609728e3003eb231 6 251 273 2024-12-04T06:18:52Z Xrystalwish 555517 wikitext text/x-wiki Youtube Episode thumbnails == Licensing == {{License|game}} [[Category:Thumbnails]] c604e91a4453172f2bd04079609728e3003eb231 6 252 274 2024-12-04T06:18:53Z Xrystalwish 555517 wikitext text/x-wiki Youtube Episode thumbnails == Licensing == {{License|game}} [[Category:Thumbnails]] c604e91a4453172f2bd04079609728e3003eb231 6 253 275 2024-12-04T06:18:54Z Xrystalwish 555517 wikitext text/x-wiki Youtube Episode thumbnails == Licensing == {{License|game}} [[Category:Thumbnails]] c604e91a4453172f2bd04079609728e3003eb231 6 254 276 2024-12-04T06:18:55Z Xrystalwish 555517 wikitext text/x-wiki Youtube Episode thumbnails == Licensing == {{License|game}} [[Category:Thumbnails]] c604e91a4453172f2bd04079609728e3003eb231 6 255 277 2024-12-04T06:18:56Z Xrystalwish 555517 wikitext text/x-wiki Youtube Episode thumbnails == Licensing == {{License|game}} [[Category:Thumbnails]] c604e91a4453172f2bd04079609728e3003eb231 6 256 278 2024-12-04T06:18:57Z Xrystalwish 555517 wikitext text/x-wiki Youtube Episode thumbnails == Licensing == {{License|game}} [[Category:Thumbnails]] c604e91a4453172f2bd04079609728e3003eb231 6 257 279 2024-12-04T06:22:27Z Xrystalwish 555517 wikitext text/x-wiki YouTube Community teaser images. == Licensing == {{License|game}} [[Category:Teasers]] 044c3390f6c697f6f3e4480efd671421f85d15b1 6 258 280 2024-12-04T06:22:28Z Xrystalwish 555517 wikitext text/x-wiki YouTube Community teaser images. == Licensing == {{License|game}} [[Category:Teasers]] 044c3390f6c697f6f3e4480efd671421f85d15b1 6 259 281 2024-12-04T06:22:29Z Xrystalwish 555517 wikitext text/x-wiki YouTube Community teaser images. == Licensing == {{License|game}} [[Category:Teasers]] 044c3390f6c697f6f3e4480efd671421f85d15b1 6 260 282 2024-12-04T06:22:30Z Xrystalwish 555517 wikitext text/x-wiki YouTube Community teaser images. == Licensing == {{License|game}} [[Category:Teasers]] 044c3390f6c697f6f3e4480efd671421f85d15b1 6 261 283 2024-12-04T06:22:31Z Xrystalwish 555517 wikitext text/x-wiki YouTube Community teaser images. == Licensing == {{License|game}} [[Category:Teasers]] 044c3390f6c697f6f3e4480efd671421f85d15b1 6 262 284 2024-12-04T06:22:32Z Xrystalwish 555517 wikitext text/x-wiki YouTube Community teaser images. == Licensing == {{License|game}} [[Category:Teasers]] 044c3390f6c697f6f3e4480efd671421f85d15b1 6 263 285 2024-12-04T06:22:32Z Xrystalwish 555517 wikitext text/x-wiki YouTube Community teaser images. == Licensing == {{License|game}} [[Category:Teasers]] 044c3390f6c697f6f3e4480efd671421f85d15b1 6 264 286 2024-12-04T06:22:33Z Xrystalwish 555517 wikitext text/x-wiki YouTube Community teaser images. == Licensing == {{License|game}} [[Category:Teasers]] 044c3390f6c697f6f3e4480efd671421f85d15b1 6 265 287 2024-12-04T06:22:34Z Xrystalwish 555517 wikitext text/x-wiki YouTube Community teaser images. == Licensing == {{License|game}} [[Category:Teasers]] 044c3390f6c697f6f3e4480efd671421f85d15b1 6 266 288 2024-12-04T06:22:35Z Xrystalwish 555517 wikitext text/x-wiki YouTube Community teaser images. == Licensing == {{License|game}} [[Category:Teasers]] 044c3390f6c697f6f3e4480efd671421f85d15b1 6 267 289 2024-12-04T06:22:36Z Xrystalwish 555517 wikitext text/x-wiki YouTube Community teaser images. == Licensing == {{License|game}} [[Category:Teasers]] 044c3390f6c697f6f3e4480efd671421f85d15b1 6 268 290 2024-12-04T06:22:37Z Xrystalwish 555517 wikitext text/x-wiki YouTube Community teaser images. == Licensing == {{License|game}} [[Category:Teasers]] 044c3390f6c697f6f3e4480efd671421f85d15b1 0 269 291 2024-12-04T06:26:08Z Xrystalwish 555517 Created page with "{{DISPLAYTITLE:''VERMIS MALUM'' (series)}} [[File:logo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''''VERMIS MALUM''''') is a digital horror web video series published on YouTube and created by [[Volrusk]]. Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented i..." wikitext text/x-wiki {{DISPLAYTITLE:''VERMIS MALUM'' (series)}} [[File:logo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''''VERMIS MALUM''''') is a digital horror web video series published on YouTube and created by [[Volrusk]]. Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the Night Mind Index: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:purple; color:#3a3a3a;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum]]''' [[File:VermisMalumThumbnail.jpg|30px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|Td7CBNu0914|240|center}} |{{#ev:youtube|XNqynevqImg|240|center}} |'''[[Extinction Party]]''' [[File:ExtinctionPartyIcon.jpg|30px|link=Extinction Party]] |August 8, 2020 (Teaser)<br/>September 15, 2020 (EST) |- |3 |{{#ev:youtube|juBv2XWnwt8|240|center}} |{{#ev:youtube|W3Y8TRllbuo|240|center}} |'''[[Temptation Stairway]]''' [[File:TemptationStairwayIcon.jpg|30px|link=Temptation Stairway]] |October 23, 2020 (Teaser)<br/>February 15, 2021 (EST)<br/>February 16, 2021 (GMT) |- |4 |{{#ev:youtube|TmXe-ZGr5RM|240|center}} |{{#ev:youtube|4beohSJvihk|240|center}} |'''[[Power of Potluck]]''' [[File:PowerOfPotluckIcon.png|30px|link=Power of Potluck]] |October 25, 2023 (Teaser)<br/>November 28, 2023 (EST) |- |5 |TBA |{{#ev:youtube|kQebudKEHT0|240|center}}{{#ev:youtube|yzNcZdCYat0|240|center}}{{#ev:youtube|qLurAhsqXWc|240|center}}{{#ev:youtube|6naEP3wcQd8|240|center}} |'''[[Dream BBQ]]''' [[File:DreamBBQIcon.jpg|30px|link=Dream BBQ]] |March 25, 2021 (Teaser)<br/>September 22, 2021 (First trailer)<br/>January 27, 2023 (Second trailer)<br/>October 20, 2023 (Delay announcement) |} </div> ==Development== ===Season 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled "Vermis Malum" and "Electric Sheep", were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, Bad Seed. On May 31st, the series description was posted to Night Mind's Horror Project Index by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, Random Walk. During the month of August, three images were teased for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, Hungry Ghosts. During the month of September, three images were teased for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, Ex Nihilo. On October 26th, three images were teased for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, Cyclic Inheritance. On November 2nd, Volrusk’s username updated from vermis malum to Volrusk, and uploaded a Community post, discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the Official Volrusk Discord. On November 18th, three images were teased for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, Orphan. On October 20th, 2023, alongside a delay announcement for ''Dream BBQ'', a "special announcement" was stated to be revealed in the future,<ref>https://twitter.com/JoelGuerraC/status/1715479770694119785</ref> which was revealed on October 25th to be a teaser for another episode titled ''Power of Potluck''. On November 24th, Joel posted an image of a new character, revealed to be [[Ivy]] upon the episode's release, on his social media, with the caption "The next ''ENA'' short is closer than you can imagine".<ref>https://twitter.com/JoelGuerraC/status/1728122017889521760</ref> ''Power of Potluck'' was released four days later.<ref>https://twitter.com/JoelGuerraC/status/1729615023800975590</ref> ==Trivia== *The first three Season 1 episodes have a letter pattern in their titles. The first word in the title ends with "-tion" while the second word ends with "y". **It is unknown if this will be carried on with Season 2 after ''Dream BBQ''. *None of the episodes feature recurring characters other than the protagonists and deuteragonists. It is also unlikely that any minor characters will return in future episodes, according to a Tweet by Joel Guerra.<ref>https://twitter.com/JoelGuerraC/status/1362880727168278529</ref> **However, certain types of characters that have appeared in large numbers in the series have made appearances in multiple episodes. For instance, the [[Hourglass Dog|Hourglass Dogs]] appear in both ''Auction Day'' and ''Temptation Stairway'', while the [[Mannequins]] appear in both ''Temptation Stairway'' and ''Dream BBQ''. ==References== <references /> [[Category:Episodes]] b4cdf8fcf7ea5ba7c0f0b5b74ff3014c4be277a7 292 291 2024-12-04T06:53:09Z Xrystalwish 555517 wikitext text/x-wiki {{DISPLAYTITLE: VERMIS MALUM (series)}} [[File:Site-logo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''''VERMIS MALUM''''') is a digital horror web video series published on YouTube and created by [[Volrusk]]. Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the Night Mind Index: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:purple; color:#3a3a3a;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum (Episode)]]''' [[File:VermisMalumThumbnail.jpg|90px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|VPXdSLzp-kc|240|center}} |N/A |'''[[Electric Sheep]]''' [[File:ElectricSheepThumbnail.jpg|90px|link=Electric Sheep]] | May 12th, 2024 (YouTube) |- |3 |{{#ev:youtube|y-WEExu7VvU|240|center}} |N/A |'''[[Bad Seed]]''' [[File:BadSeedThumbnail.jpg|90px|link=Temptation Stairway]] |May 24th, 2024 (YouTube) |- |4 |{{#ev:youtube|XJ2nbWHmxgc|240|center}} |N/A |'''[[Random Walk]]''' [[File:RandomWalkThumbnail.jpg|90px|link=Random Walk]] |June 30th, 2024 (YouTube) |- |5 |{{#ev:youtube|4CMjs8xgxuc|240|center}} |[[File:HG1.webp|90px]] [[File:HG2.webp|90px]] [[File:HG3.webp|90px]] |'''[[Hungry Ghosts]]''' [[File:HungryGhostsThumbnail.jpg|90px|link=Random Walk]] |August 24th, 2024 (YouTube) |- |6 |{{#ev:youtube|uja7P9NzzAY|240|center}} |[[File:EN1.webp|90px]] [[File:EN2.webp|90px]] [[File:EN3.webp|90px]] |'''[[Ex Nihilo]]''' [[File:ExnihiloThumbnail.jpg|90px|link=Ex Nihilo]] |October 1st, 2024 (YouTube) |- |7 |{{#ev:youtube|6_2Pw31ho6Y|240|center}} |[[File:CI1.webp|90px]] [[File:CI2.webp|90px]] [[File:CI3.webp|90px]] |'''[[Cyclic Inheritance]]''' [[File:CyclicInheritanceThumbnail.jpg|90px|link=Cyclic Inheritance]] |October 29th, 2024 (YouTube) |- |8 |{{#ev:youtube|nN-S2coUltc|240|center}} |[[File:O1.webp|90px]] [[File:O2.webp|90px]] [[File:O3.webp|90px]] |'''[[Orphan]]''' [[File:OrphanThumbnail.jpg|90px|link=Orphan (Episode)]] |November 24th, 2024 (YouTube) |} </div> ==Development== ===Disk 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled [[Vermis Malum]] and [[Electric Sheep]], were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, [[Bad Seed]]. On May 31st, the series description was posted to Night Mind's Horror Project Index by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, [[Random Walk]]. During the month of August, three images were teased for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, [[Hungry Ghosts]]. During the month of September, three images were teased for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, [[Ex Nihilo]]. On October 26th, three images were teased for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, [[Cyclic Inheritance]]. On November 2nd, Volrusk’s username updated from vermis malum to [[Volrusk]], and uploaded a Community post, discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the Official Volrusk Discord. On November 18th, three images were teased for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, [[Orphan]]. ==Trivia== The episodes of Disk 1 follow a 2-word naming convention, usually inspired by a computer programming term or reference to machine learning. This convention is broken by the eighth installment, Orphan. As it stands, Vermis Malum is incomplete, and will encompass more episodes in [[Disk 1]] and further content in later seasons. ==References== <references /> [[Category:Episodes]] f2dd627f488515f6cdc74e15cfe175d39903d020 293 292 2024-12-04T07:04:30Z Xrystalwish 555517 wikitext text/x-wiki {{DISPLAYTITLE: VERMIS MALUM (series)}} [[File:Site-logo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''VERMIS MALUM''') is a digital horror web video series [https://www.youtube.com/@Volrusk published on YouTube] and created by [[Volrusk]]. Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the [https://www.nightmind.info/horrorproj Night Mind Index]: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:purple; color:#3a3a3a;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum (Episode)]]''' [[File:VermisMalumThumbnail.jpg|90px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|VPXdSLzp-kc|240|center}} |N/A |'''[[Electric Sheep]]''' [[File:ElectricSheepThumbnail.jpg|90px|link=Electric Sheep]] | May 12th, 2024 (YouTube) |- |3 |{{#ev:youtube|y-WEExu7VvU|240|center}} |N/A |'''[[Bad Seed]]''' [[File:BadSeedThumbnail.jpg|90px|link=Temptation Stairway]] |May 24th, 2024 (YouTube) |- |4 |{{#ev:youtube|XJ2nbWHmxgc|240|center}} |N/A |'''[[Random Walk]]''' [[File:RandomWalkThumbnail.jpg|90px|link=Random Walk]] |June 30th, 2024 (YouTube) |- |5 |{{#ev:youtube|4CMjs8xgxuc|240|center}} |[[File:HG1.webp|90px]] [[File:HG2.webp|90px]] [[File:HG3.webp|90px]] |'''[[Hungry Ghosts]]''' [[File:HungryGhostsThumbnail.jpg|90px|link=Random Walk]] |August 24th, 2024 (YouTube) |- |6 |{{#ev:youtube|uja7P9NzzAY|240|center}} |[[File:EN1.webp|90px]] [[File:EN2.webp|90px]] [[File:EN3.webp|90px]] |'''[[Ex Nihilo]]''' [[File:ExnihiloThumbnail.jpg|90px|link=Ex Nihilo]] |October 1st, 2024 (YouTube) |- |7 |{{#ev:youtube|6_2Pw31ho6Y|240|center}} |[[File:CI1.webp|90px]] [[File:CI2.webp|90px]] [[File:CI3.webp|90px]] |'''[[Cyclic Inheritance]]''' [[File:CyclicInheritanceThumbnail.jpg|90px|link=Cyclic Inheritance]] |October 29th, 2024 (YouTube) |- |8 |{{#ev:youtube|nN-S2coUltc|240|center}} |[[File:O1.webp|90px]] [[File:O2.webp|90px]] [[File:O3.webp|90px]] |'''[[Orphan]]''' [[File:OrphanThumbnail.jpg|90px|link=Orphan (Episode)]] |November 24th, 2024 (YouTube) |} </div> ==Development== ===Disk 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled [[Vermis Malum]] and [[Electric Sheep]], were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, [[Bad Seed]]. On May 31st, the series description was posted to [https://www.nightmind.info/horrorproj Night Mind's Horror Project Index] by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, [[Random Walk]]. During the month of August, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxKwKyjwX6_HWnKfyq8z-KInBju1c2x84j three images were teased] for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, [[Hungry Ghosts]]. During the month of September, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxITtEFtoCkE28fl6wFj4nt_VmPmvuQV11 three images were teased] for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, [[Ex Nihilo]]. On October 26th, [https://www.youtube.com/post/UgkxVDBn98R2RDDMpVWqFm-3Pb45Zfj132RG three images were teased] for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, [[Cyclic Inheritance]]. On November 2nd, Volrusk’s username updated from vermis malum to [[Volrusk]], and [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs uploaded a Community post], discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the [[ https://discord.gg/Y54WfABH9q|Official Volrusk Discord]]. On November 18th, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs three images were teased] for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, [[Orphan]]. ==Trivia== The episodes of Disk 1 follow a 2-word naming convention, usually inspired by a computer programming term or reference to machine learning. This convention is broken by the eighth installment, Orphan. As it stands, Vermis Malum is incomplete, and will encompass more episodes in [[Disk 1]] and further content in later seasons. ==References== <references /> [[Category:Episodes]] 4c40d5493e2f5dd3a372cea6dc58e0cfe74015fe 294 293 2024-12-04T07:07:19Z Xrystalwish 555517 wikitext text/x-wiki {{DISPLAYTITLE: VERMIS MALUM (series)}} [[File:Site-logo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''VERMIS MALUM''') is a digital horror web video series [https://www.youtube.com/@Volrusk published on YouTube] and created by [[Volrusk]]. Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the [https://www.nightmind.info/horrorproj Night Mind Index]: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:purple; color:#3a3a3a;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum (Episode)]]''' [[File:VermisMalumThumbnail.jpg|90px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|VPXdSLzp-kc|240|center}} |N/A |'''[[Electric Sheep]]''' [[File:ElectricSheepThumbnail.jpg|90px|link=Electric Sheep]] | May 12th, 2024 (YouTube) |- |3 |{{#ev:youtube|y-WEExu7VvU|240|center}} |N/A |'''[[Bad Seed]]''' [[File:BadSeedThumbnail.jpg|90px|link=Temptation Stairway]] |May 24th, 2024 (YouTube) |- |4 |{{#ev:youtube|XJ2nbWHmxgc|240|center}} |N/A |'''[[Random Walk]]''' [[File:RandomWalkThunbnail.jpg|90px|link=Random Walk]] |June 30th, 2024 (YouTube) |- |5 |{{#ev:youtube|4CMjs8xgxuc|240|center}} |[[File:HG1.webp|90px]] [[File:HG2.webp|90px]] [[File:HG3.webp|90px]] |'''[[Hungry Ghosts]]''' [[File:HungryGhostsThumbnail.jpg|90px|link=Random Walk]] |August 24th, 2024 (YouTube) |- |6 |{{#ev:youtube|uja7P9NzzAY|240|center}} |[[File:EN1.webp|90px]] [[File:EN2.webp|90px]] [[File:EN3.webp|90px]] |'''[[Ex Nihilo]]''' [[File:ExnihiloThumbnail.jpg|90px|link=Ex Nihilo]] |October 1st, 2024 (YouTube) |- |7 |{{#ev:youtube|6_2Pw31ho6Y|240|center}} |[[File:CI1.webp|90px]] [[File:CI2.webp|90px]] [[File:CI3.webp|90px]] |'''[[Cyclic Inheritance]]''' [[File:CyclicInheritanceThumbnail.jpg|90px|link=Cyclic Inheritance]] |October 29th, 2024 (YouTube) |- |8 |{{#ev:youtube|nN-S2coUltc|240|center}} |[[File:O1.webp|90px]] [[File:O2.webp|90px]] [[File:O3.webp|90px]] |'''[[Orphan]]''' [[File:OrphanThumbnail.jpg|90px|link=Orphan (Episode)]] |November 24th, 2024 (YouTube) |} </div> ==Development== ===Disk 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled [[Vermis Malum]] and [[Electric Sheep]], were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, [[Bad Seed]]. On May 31st, the series description was posted to [https://www.nightmind.info/horrorproj Night Mind's Horror Project Index] by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, [[Random Walk]]. During the month of August, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxKwKyjwX6_HWnKfyq8z-KInBju1c2x84j three images were teased] for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, [[Hungry Ghosts]]. During the month of September, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxITtEFtoCkE28fl6wFj4nt_VmPmvuQV11 three images were teased] for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, [[Ex Nihilo]]. On October 26th, [https://www.youtube.com/post/UgkxVDBn98R2RDDMpVWqFm-3Pb45Zfj132RG three images were teased] for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, [[Cyclic Inheritance]]. On November 2nd, Volrusk’s username updated from vermis malum to [[Volrusk]], and [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs uploaded a Community post], discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the [[ https://discord.gg/Y54WfABH9q|Official Volrusk Discord]]. On November 18th, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs three images were teased] for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, [[Orphan]]. ==Trivia== The episodes of Disk 1 follow a 2-word naming convention, usually inspired by a computer programming term or reference to machine learning. This convention is broken by the eighth installment, Orphan. As it stands, Vermis Malum is incomplete, and will encompass more episodes in [[Disk 1]] and further content in later seasons. ==References== <references /> [[Category:Episodes]] efb9218329c9fae53962c0dbd67336e990ff9974 298 294 2024-12-04T08:09:12Z Xrystalwish 555517 wikitext text/x-wiki {{DISPLAYTITLE: VERMIS MALUM (series)}} [[File:Site-logo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''VERMIS MALUM''') is a digital horror web video series [https://www.youtube.com/@Volrusk published on YouTube] and created by [[Volrusk]]. Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the [https://www.nightmind.info/horrorproj Night Mind Index]: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:purple; color:#3a3a3a;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum (Episode)]]''' [[File:VermisMalumThumbnail.jpg|180px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|VPXdSLzp-kc|240|center}} |N/A |'''[[Electric Sheep]]''' [[File:ElectricSheepThumbnail.jpg|180px|link=Electric Sheep]] | May 12th, 2024 (YouTube) |- |3 |{{#ev:youtube|y-WEExu7VvU|240|center}} |N/A |'''[[Bad Seed]]''' [[File:BadSeedThumbnail.jpg|180px|link=Bad Seed]] |May 24th, 2024 (YouTube) |- |4 |{{#ev:youtube|XJ2nbWHmxgc|240|center}} |N/A |'''[[Random Walk]]''' [[File:RandomWalkThunbnail.jpg|180px|link=Random Walk]] |June 30th, 2024 (YouTube) |- |5 |{{#ev:youtube|4CMjs8xgxuc|240|center}} |[[File:HG1.webp|90px]] [[File:HG2.webp|90px]] [[File:HG3.webp|90px]] |'''[[Hungry Ghosts]]''' [[File:HungryGhostsThumbnail.jpg|180px|link=Random Walk]] |August 24th, 2024 (YouTube) |- |6 |{{#ev:youtube|uja7P9NzzAY|240|center}} |[[File:EN1.webp|90px]] [[File:EN2.webp|90px]] [[File:EN3.webp|90px]] |'''[[Ex Nihilo]]''' [[File:ExnihiloThumbnail.jpg|180px|link=Ex Nihilo]] |October 1st, 2024 (YouTube) |- |7 |{{#ev:youtube|6_2Pw31ho6Y|240|center}} |[[File:CI1.webp|90px]] [[File:CI2.webp|90px]] [[File:CI3.webp|90px]] |'''[[Cyclic Inheritance]]''' [[File:CyclicInheritanceThumbnail.jpg|180px|link=Cyclic Inheritance]] |October 29th, 2024 (YouTube) |- |8 |{{#ev:youtube|nN-S2coUltc|240|center}} |[[File:O1.webp|90px]] [[File:O2.webp|90px]] [[File:O3.webp|90px]] |'''[[Orphan]]''' [[File:OrphanThumbnail.jpg|180px|link=Orphan (Episode)]] |November 24th, 2024 (YouTube) |} </div> ==Development== ===Disk 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled [[Vermis Malum]] and [[Electric Sheep]], were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, [[Bad Seed]]. On May 31st, the series description was posted to [https://www.nightmind.info/horrorproj Night Mind's Horror Project Index] by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, [[Random Walk]]. During the month of August, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxKwKyjwX6_HWnKfyq8z-KInBju1c2x84j three images were teased] for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, [[Hungry Ghosts]]. During the month of September, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxITtEFtoCkE28fl6wFj4nt_VmPmvuQV11 three images were teased] for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, [[Ex Nihilo]]. On October 26th, [https://www.youtube.com/post/UgkxVDBn98R2RDDMpVWqFm-3Pb45Zfj132RG three images were teased] for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, [[Cyclic Inheritance]]. On November 2nd, Volrusk’s username updated from vermis malum to [[Volrusk]], and [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs uploaded a Community post], discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the [[ https://discord.gg/Y54WfABH9q|Official Volrusk Discord]]. On November 18th, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs three images were teased] for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, [[Orphan]]. ==Trivia== The episodes of Disk 1 follow a 2-word naming convention, usually inspired by a computer programming term or reference to machine learning. This convention is broken by the eighth installment, Orphan. As it stands, Vermis Malum is incomplete, and will encompass more episodes in [[Disk 1]] and further content in later seasons. ==References== <references /> [[Category:Episodes]] b2dc352ef6cb43655ca1ecb87be8cb955360f1dc 299 298 2024-12-05T04:48:09Z Xrystalwish 555517 wikitext text/x-wiki {{DISPLAYTITLE: VERMIS MALUM (series)}} [[File:Site-logo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''VERMIS MALUM''') is a digital horror web video series [https://www.youtube.com/@Volrusk published on YouTube] and created by [[Volrusk]]. Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the [https://www.nightmind.info/horrorproj Night Mind Index]: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:purple; color:#3a3a3a;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum (Episode)]]''' [[File:VermisMalumThumbnail.jpg|180px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|VPXdSLzp-kc|240|center}} |N/A |'''[[Electric Sheep]]''' [[File:ElectricSheepThumbnail.jpg|180px|link=Electric Sheep]] | May 12th, 2024 (YouTube) |- |3 |{{#ev:youtube|y-WEExu7VvU|240|center}} |N/A |'''[[Bad Seed]]''' [[File:BadSeedThumbnail.jpg|180px|link=Bad Seed]] |May 24th, 2024 (YouTube) |- |4 |{{#ev:youtube|XJ2nbWHmxgc|240|center}} |N/A |'''[[Random Walk]]''' [[File:RandomWalkThunbnail.jpg|180px|link=Random Walk]] |June 30th, 2024 (YouTube) |- |5 |{{#ev:youtube|4CMjs8xgxuc|240|center}} |[[File:HG1.webp|90px]] [[File:HG2.webp|90px]] [[File:HG3.webp|90px]] |'''[[Hungry Ghosts]]''' [[File:HungryGhostsThumbnail.jpg|180px|link=Random Walk]] |August 24th, 2024 (YouTube) |- |6 |{{#ev:youtube|uja7P9NzzAY|240|center}} |[[File:EN1.webp|90px]] [[File:EN2.webp|90px]] [[File:EN3.webp|90px]] |'''[[Ex Nihilo]]''' [[File:ExnihiloThumbnail.jpg|180px|link=Ex Nihilo]] |October 1st, 2024 (YouTube) |- |7 |{{#ev:youtube|6_2Pw31ho6Y|240|center}} |[[File:CI1.webp|90px]] [[File:CI2.webp|90px]] [[File:CI3.webp|90px]] |'''[[Cyclic Inheritance]]''' [[File:CyclicInheritanceThumbnail.jpg|180px|link=Cyclic Inheritance]] |October 29th, 2024 (YouTube) |- |8 |{{#ev:youtube|nN-S2coUltc|240|center}} |[[File:O1.webp|90px]] [[File:O2.webp|90px]] [[File:O3.webp|90px]] |'''[[Orphan]]''' [[File:OrphanThumbnail.jpg|180px|link=Orphan (Episode)]] |November 24th, 2024 (YouTube) |} </div> ==Development== ===Disk 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled [[Vermis Malum (Episode)]] and [[Electric Sheep]], were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, [[Bad Seed]]. On May 31st, the series description was posted to [https://www.nightmind.info/horrorproj Night Mind's Horror Project Index] by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, [[Random Walk]]. During the month of August, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxKwKyjwX6_HWnKfyq8z-KInBju1c2x84j three images were teased] for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, [[Hungry Ghosts]]. During the month of September, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxITtEFtoCkE28fl6wFj4nt_VmPmvuQV11 three images were teased] for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, [[Ex Nihilo]]. On October 26th, [https://www.youtube.com/post/UgkxVDBn98R2RDDMpVWqFm-3Pb45Zfj132RG three images were teased] for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, [[Cyclic Inheritance]]. On November 2nd, Volrusk’s username updated from vermis malum to [[Volrusk]], and [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs uploaded a Community post], discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the [[ https://discord.gg/Y54WfABH9q|Official Volrusk Discord]]. On November 18th, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs three images were teased] for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, [[Orphan]]. ==Trivia== The episodes of Disk 1 follow a 2-word naming convention, usually inspired by a computer programming term or reference to machine learning. This convention is broken by the eighth installment, Orphan. As it stands, Vermis Malum is incomplete, and will encompass more episodes in [[Disk 1]] and further content in later seasons. ==References== <references /> [[Category:Episodes]] 6a5083bec765307815f9088618704422ec8b93de 6 270 295 2024-12-04T07:09:30Z Xrystalwish 555517 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 271 296 2024-12-04T07:21:42Z Xrystalwish 555517 Created page with " {{Example character infobox |title=Volrusk |image=channel.webp }} == About == Volrusk is the creator of [[Vermis Malum]] Series, and has other upcoming projects planned for 2025. [[Category:Credits]]" wikitext text/x-wiki {{Example character infobox |title=Volrusk |image=channel.webp }} == About == Volrusk is the creator of [[Vermis Malum]] Series, and has other upcoming projects planned for 2025. [[Category:Credits]] 374592e3882921cc2f997adf1cccb36fbe6abf2c 6 272 297 2024-12-04T07:24:28Z Xrystalwish 555517 Katherine as seen from Katherine.pdf. wikitext text/x-wiki == Summary == Katherine as seen from Katherine.pdf. == Licensing == {{License|game}} e9d28c00308f66b8e7ef36fa126908d767852110 10 273 300 2024-12-05T05:39:49Z Xrystalwish 555517 Created page with "<infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"> <caption source="caption"/> </image> <data source="release_date"> <label>Release date</label> </data> <group> <header>Credits</header> <data source="Created_by"> <label>Created by</label> </data> <data source="voice_cast"> <label>Voice cast</label> </data> </group> <group layout="horizontal"> <header>Episode..." wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"> <caption source="caption"/> </image> <data source="release_date"> <label>Release date</label> </data> <group> <header>Credits</header> <data source="Created_by"> <label>Created by</label> </data> <data source="voice_cast"> <label>Voice cast</label> </data> </group> <group layout="horizontal"> <header>Episode guide</header> <data source="previous"><label>Previous</label></data> <data source="next"><label>Next</label></data> </group> </infobox> <noinclude> Example usage: <pre> {{Infobox short | title=Example | image=Example | caption1=Example | release_date=Example | created_by=Example | voice_cast=Example | previous=Example | next=Example }} </pre> <templatedata> { "params": { "title1": { "suggested": true }, "image1": { "suggested": true }, "caption1": { "suggested": true }, "release_date": { "suggested": true }, "created_by": { "suggested": true }, "previous": { "suggested": true }, "next": { "suggested": true } }, "sets": [], "description": "Layout for Vermis Malum Episode Descriptions" } </templatedata> [[Category:Infobox templates]] </noinclude> 3eedc0d36f84cc9fa90cd5667ebafb99f19ba90a 10 273 301 300 2024-12-05T05:41:33Z Xrystalwish 555517 wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"> <caption source="caption"/> </image> <data source="release_date"> <label>Release date</label> </data> <group> <header>Credits</header> <data source="Created_by"> <label>Created by</label> </data> <data source="voice_cast"> <label>Voice cast</label> </data> </group> <group layout="horizontal"> <header>Episode guide</header> <data source="previous"><label>Previous</label></data> <data source="next"><label>Next</label></data> </group> </infobox> <noinclude> Example usage: <pre> {{InfoboxEpisode | title=Example | image=Example | caption1=Example | release_date=Example | created_by=Example | voice_cast=Example | previous=Example | next=Example }} </pre> <templatedata> { "params": { "title1": { "suggested": true }, "image1": { "suggested": true }, "caption1": { "suggested": true }, "release_date": { "suggested": true }, "created_by": { "suggested": true }, "previous": { "suggested": true }, "next": { "suggested": true } }, "sets": [], "description": "Layout for Vermis Malum Episode Descriptions" } </templatedata> [[Category:Infobox templates]] </noinclude> 64239634f459138545d753a021702926e12aa599 6 274 302 2024-12-05T05:59:18Z Xrystalwish 555517 The freeze-frame of the golden Disk shown in Vermis Malum (Episode). wikitext text/x-wiki == Summary == The freeze-frame of the golden Disk shown in Vermis Malum (Episode). == Licensing == {{License|game}} 931705047c13ff80d3b29b73b40d4cfdfd264c4c 6 275 303 2024-12-05T06:06:31Z Xrystalwish 555517 The first monster seen in Vermis Malum (Episode). wikitext text/x-wiki == Summary == The first monster seen in Vermis Malum (Episode). == Licensing == {{License|game}} 1129feee9d47d7b273badd4ed42f6441a095abcb 6 276 304 2024-12-05T06:15:18Z Xrystalwish 555517 The laptop Lawrence finds in Vermis Malum (Episode). wikitext text/x-wiki == Summary == The laptop Lawrence finds in Vermis Malum (Episode). == Licensing == {{License|game}} 15533826c4390e97656fdb1107ca39eb2199ec74 0 277 305 2024-12-05T06:26:35Z Xrystalwish 555517 Created page with "{{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. The first episode of the series! It begins with a show of an elevator, that leads to a CRT..." wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. The first episode of the series! It begins with a show of an elevator, that leads to a CRT that shows the start screen for Vermis Malum. After, we are introduced to our series' protagonist, [[Lawrence]]. He finds the laptop of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] Episode starts with “It’s the 21st century and there’s a new world being born a little every day…” with "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters playing, screen fades into an elevator scene. Player hits the button to go to floor 1 and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. Player walks into the dark to a CRT, which shows the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen. Player hears a [[whistle]], turns around to see a multi-eyed monster. Video cuts to IRL footage from the protag, [[Lawrence]]. He is recording a video for someone unnamed. He walks in a park, Raven’s Run, as the recipient of the video mentioned wanting to see the first snow of the season. He mentions having been inside a lot lately, and says he wants to show off something “weird” he found. Lawrence says that he’s been hearing a strange noise from the attic above his room, and shows some footage of him finding a package tucked under the insulation. He opens the package and finds a laptop with a charger, with a princeton sticker on the lid. The laptop pulls up an account for [[“Arthur”]] when powered on. The CD drive opened when the computer was turned on, containing a [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image, then cuts back to outdoor footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient, and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= *0:05 ♪ Mommy told me something, a little girl should know ♪ *0:12 ♪ It’s all about the Devil, and I’ve learned to hate him so ♪ *0:19 ♪ She says he causes trouble when you let him in the room *0:26 ♪ He will never, ever leave you if your heart is filled with gloom ♪ *0:31 ♪ So let the sun shine in, face it with a grin ♪ *0:39 ♪ Smilers never lose, and frowners never win ♪ *0:44 ♪ So let the sun shine in… ♪ *1:27 Hey, uh, I hope things are going alright. *1:31 I got a chance to watch your last video on the train home yesterday. *1:35 It was really beautiful. *1:36 You don't need me to tell you that, you're the one who's actually there, but… still. *1:42 It's hard to tell sometimes what parts are real *1:45 and what parts are that fancy film camera doing tricks with the lighting and stuff. *1:51 Maybe it doesn't matter, I guess. *1:53 As long as it's convincing. *1:56 Um, anyway. *1:58 I know it's kind of soon to be sending you another *2:00 one, but you said you wanted to see the first time it snowed here *2:04 and they were saying it was still a week out on the radio, *2:06 but when I looked out the window this morning… well. *2:13 I went out to Raven's Run so I could get some footage of the trail *2:17 By the time I got there, it was actually already starting to melt. *2:20 It's still pretty early in the winter. *2:23 It was nice, though. *2:25 I didn't think it would be cold enough to have to wear gloves, *2:28 but halfway through my hands were so cold I had to keep putting them in my pockets between shots. *2:34 Good thing you weren't there to make fun of me. *2:38 It felt weird, um, walking the trail alone. *2:42 But, like I said, it was nice good to get outdoors again. *2:48 I've been inside a lot lately. *2:52 Also, uh, there's something else. *2:54 I was going to save this for next time but I wanted to show you this thing I found. *3:00 it's a little weird, so, naturally I figured you might like it. *3:06 You know how I was telling you about that noise I've *3:08 been hearing above my room the past couple nights? *3:11 Well, I got kind of scared it was a leaky pipe or something like that *3:14 and one of these mornings I'd wake up with sludge dripping from the ceiling *3:18 like that movie we saw, “Dark Water,” or whatever it was called. *3:24 I finally worked up the courage to actually go up to the attic and check it out. *3:28 Don't laugh, okay? *3:29 I really don't like confined spaces. *3:32 You're a lot better with that kind of stuff anyway, but well… you're not here, so. *3:42 I looked around a bit, no leaks, but I did find this. *3:50 It's a package. *3:52 I know it's not yours, right? *3:55 Did you know it was up there? *3:57 I mean, you don't go up there much either, I guess. *4:01 Maybe you didn't. But let me know. *4:05 What's weird to me is that it was, like, *4:13 It didn't just slip under by itself. *4:16 I wasn't sure whether I should wait to check it out but then I just thought, *4:21 “What would I be waiting for?” 4:23 So I opened it. *4:25 It's a laptop. Charger, too. *4:29 Someone who used to live in this house must have left it here. *4:32 I-I don't know why they put it in the attic, though. *4:36 I wanted to see if it still works, so I plugged it in and let it sit for an hour *4:43 It says “Locked” when it loads up but when I clicked on the account *4:47 it let me in without a password, so, I don't know what that's about. *4:51 But it does work. *4:54 Also, when I loaded it the first time, the CD drive opened. *4:58 There's this disc inside. *5:06 So that's all. *5:08 Pretty cool, right? *5:10 What do you think I should do with it? *5:13 I'm going to leave it to charge some more for now *5:15 I have to take care of some stuff for work after I finish editing this, *5:18 and it's already getting pretty late *5:21 but let me know what you think. *5:25 Anyway, good luck with everything. *5:27 I hope you're having a good time, wherever you are when you watch this. *5:32 Uh, send me something back when you get a chance. I mean take your time, *5:37 just, whenever you get a chance. *5:40 Muffy really misses you and I miss you too. *5:45 It feels really empty around here sometimes. *5:48 Not just the trail, I mean *5:50 This house. *5:52 This place is too big for one person, you know, it just goes on and on *5:58 It's okay, though. *5:59 I mean, making these for each other helps. *6:03 Okay talk to you soon, alright? </tabber> ==Trivia== [[File:LaptopFirstApp.PNG|thumb|right|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==References== <references/> ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] fca3d27f6e875bfafba04b3a1b4bcd84f4f0f55d 306 305 2024-12-05T06:27:23Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. The first episode of the series! It begins with a show of an elevator, that leads to a CRT that shows the start screen for Vermis Malum. After, we are introduced to our series' protagonist, [[Lawrence]]. He finds the laptop of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] Episode starts with “It’s the 21st century and there’s a new world being born a little every day…” with "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters playing, screen fades into an elevator scene. Player hits the button to go to floor 1 and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. Player walks into the dark to a CRT, which shows the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen. Player hears a [[whistle]], turns around to see a multi-eyed monster. Video cuts to IRL footage from the protag, [[Lawrence]]. He is recording a video for someone unnamed. He walks in a park, Raven’s Run, as the recipient of the video mentioned wanting to see the first snow of the season. He mentions having been inside a lot lately, and says he wants to show off something “weird” he found. Lawrence says that he’s been hearing a strange noise from the attic above his room, and shows some footage of him finding a package tucked under the insulation. He opens the package and finds a [[laptop]] with a charger, with a princeton sticker on the lid. The laptop pulls up an account for [[“Arthur”]] when powered on. The CD drive opened when the computer was turned on, containing a [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image, then cuts back to outdoor footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient, and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= *0:05 ♪ Mommy told me something, a little girl should know ♪ *0:12 ♪ It’s all about the Devil, and I’ve learned to hate him so ♪ *0:19 ♪ She says he causes trouble when you let him in the room *0:26 ♪ He will never, ever leave you if your heart is filled with gloom ♪ *0:31 ♪ So let the sun shine in, face it with a grin ♪ *0:39 ♪ Smilers never lose, and frowners never win ♪ *0:44 ♪ So let the sun shine in… ♪ *1:27 Hey, uh, I hope things are going alright. *1:31 I got a chance to watch your last video on the train home yesterday. *1:35 It was really beautiful. *1:36 You don't need me to tell you that, you're the one who's actually there, but… still. *1:42 It's hard to tell sometimes what parts are real *1:45 and what parts are that fancy film camera doing tricks with the lighting and stuff. *1:51 Maybe it doesn't matter, I guess. *1:53 As long as it's convincing. *1:56 Um, anyway. *1:58 I know it's kind of soon to be sending you another *2:00 one, but you said you wanted to see the first time it snowed here *2:04 and they were saying it was still a week out on the radio, *2:06 but when I looked out the window this morning… well. *2:13 I went out to Raven's Run so I could get some footage of the trail *2:17 By the time I got there, it was actually already starting to melt. *2:20 It's still pretty early in the winter. *2:23 It was nice, though. *2:25 I didn't think it would be cold enough to have to wear gloves, *2:28 but halfway through my hands were so cold I had to keep putting them in my pockets between shots. *2:34 Good thing you weren't there to make fun of me. *2:38 It felt weird, um, walking the trail alone. *2:42 But, like I said, it was nice good to get outdoors again. *2:48 I've been inside a lot lately. *2:52 Also, uh, there's something else. *2:54 I was going to save this for next time but I wanted to show you this thing I found. *3:00 it's a little weird, so, naturally I figured you might like it. *3:06 You know how I was telling you about that noise I've *3:08 been hearing above my room the past couple nights? *3:11 Well, I got kind of scared it was a leaky pipe or something like that *3:14 and one of these mornings I'd wake up with sludge dripping from the ceiling *3:18 like that movie we saw, “Dark Water,” or whatever it was called. *3:24 I finally worked up the courage to actually go up to the attic and check it out. *3:28 Don't laugh, okay? *3:29 I really don't like confined spaces. *3:32 You're a lot better with that kind of stuff anyway, but well… you're not here, so. *3:42 I looked around a bit, no leaks, but I did find this. *3:50 It's a package. *3:52 I know it's not yours, right? *3:55 Did you know it was up there? *3:57 I mean, you don't go up there much either, I guess. *4:01 Maybe you didn't. But let me know. *4:05 What's weird to me is that it was, like, *4:13 It didn't just slip under by itself. *4:16 I wasn't sure whether I should wait to check it out but then I just thought, *4:21 “What would I be waiting for?” 4:23 So I opened it. *4:25 It's a laptop. Charger, too. *4:29 Someone who used to live in this house must have left it here. *4:32 I-I don't know why they put it in the attic, though. *4:36 I wanted to see if it still works, so I plugged it in and let it sit for an hour *4:43 It says “Locked” when it loads up but when I clicked on the account *4:47 it let me in without a password, so, I don't know what that's about. *4:51 But it does work. *4:54 Also, when I loaded it the first time, the CD drive opened. *4:58 There's this disc inside. *5:06 So that's all. *5:08 Pretty cool, right? *5:10 What do you think I should do with it? *5:13 I'm going to leave it to charge some more for now *5:15 I have to take care of some stuff for work after I finish editing this, *5:18 and it's already getting pretty late *5:21 but let me know what you think. *5:25 Anyway, good luck with everything. *5:27 I hope you're having a good time, wherever you are when you watch this. *5:32 Uh, send me something back when you get a chance. I mean take your time, *5:37 just, whenever you get a chance. *5:40 Muffy really misses you and I miss you too. *5:45 It feels really empty around here sometimes. *5:48 Not just the trail, I mean *5:50 This house. *5:52 This place is too big for one person, you know, it just goes on and on *5:58 It's okay, though. *5:59 I mean, making these for each other helps. *6:03 Okay talk to you soon, alright? </tabber> ==Trivia== [[File:LaptopFirstApp.PNG|thumb|right|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==References== <references/> ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] f09ec8e9ab6846cadc824098b53689feccc2e8ed 327 306 2024-12-07T07:07:39Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. The first episode of the series! It begins with a show of an elevator, that leads to a CRT that shows the start screen for Vermis Malum. After, we are introduced to our series' protagonist, [[Lawrence]]. He finds the laptop of a former player of Vermis Malum, [[Arthur]]. ==Plot== ===Introduction=== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] Episode starts with a black screen framed with the edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] item while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an elevator scene and the scenery comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a multi-eyed monster before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= * '''[The McGuire Sisters]''' Mommy told me something, a little girl should know ♪ It’s all about the Devil, and I’ve learned to hate him so ♪ She says he causes trouble when you let him in the room ♪ He will never, ever leave you if your heart is filled with gloom ♪ So let the sun shine in, face it with a grin ♪ Smilers never lose, and frowners never win ♪ So let the sun shine in… ♪ * '''[Lawrence]''' Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still. It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing. Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well. I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me. It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately. Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it. You know how I was telling you about that noise I've been hearing above my room the past couple nights? Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called. I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. I looked around a bit, no leaks, but I did find this. It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess. Maybe you didn't. But let me know. What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?” So I opened it. It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though. I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about. But it does work. Also, when I loaded it the first time, the CD drive opened. There's this disc inside. So that's all. Pretty cool, right? What do you think I should do with it? I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything. I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance. Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on It's okay, though. I mean, making these for each other helps. Okay talk to you soon, alright? Bye. </tabber> ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and Conrad Church taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. [[File:LaptopFirstApp.PNG|thumb|right|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==References== <references/> ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] a520294eec8616967a2ae3b717b12b8da23308b6 328 327 2024-12-07T07:08:20Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. The first episode of the series! It begins with a show of an elevator, that leads to a CRT that shows the start screen for Vermis Malum. After, we are introduced to our series' protagonist, [[Lawrence]]. He finds the laptop of a former player of Vermis Malum, [[Arthur]]. ==Plot== ===Introduction=== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] Episode starts with a black screen framed with the edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] item while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an elevator scene and the scenery comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a multi-eyed monster before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= * '''[The McGuire Sisters]''' Mommy told me something, a little girl should know ♪ It’s all about the Devil, and I’ve learned to hate him so ♪ She says he causes trouble when you let him in the room ♪ He will never, ever leave you if your heart is filled with gloom ♪ So let the sun shine in, face it with a grin ♪ Smilers never lose, and frowners never win ♪ So let the sun shine in… ♪ * '''[Lawrence]''' Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still. It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing. Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well. I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me. It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately. Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it. You know how I was telling you about that noise I've been hearing above my room the past couple nights? Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called. I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. I looked around a bit, no leaks, but I did find this. It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess. Maybe you didn't. But let me know. What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?” So I opened it. It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though. I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about. But it does work. Also, when I loaded it the first time, the CD drive opened. There's this disc inside. So that's all. Pretty cool, right? What do you think I should do with it? I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything. I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance. Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on It's okay, though. I mean, making these for each other helps. Okay talk to you soon, alright? Bye. </tabber> ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and Conrad Church taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. [[File:LaptopFirstApp.PNG|thumb|right|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] c237e71c66663578a4dbe50e2b4d23a9e5c39dc9 329 328 2024-12-07T07:08:42Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. The first episode of the series! It begins with a show of an elevator, that leads to a CRT that shows the start screen for Vermis Malum. After, we are introduced to our series' protagonist, [[Lawrence]]. He finds the laptop of a former player of Vermis Malum, [[Arthur]]. ==Plot== ===Introduction=== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] Episode starts with a black screen framed with the edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] item while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an elevator scene and the scenery comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a multi-eyed monster before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= * '''[The McGuire Sisters]''' Mommy told me something, a little girl should know ♪ It’s all about the Devil, and I’ve learned to hate him so ♪ She says he causes trouble when you let him in the room ♪ He will never, ever leave you if your heart is filled with gloom ♪ So let the sun shine in, face it with a grin ♪ Smilers never lose, and frowners never win ♪ So let the sun shine in… ♪ * '''[Lawrence]''' Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still. It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing. Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well. I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me. It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately. Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it. You know how I was telling you about that noise I've been hearing above my room the past couple nights? Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called. I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. I looked around a bit, no leaks, but I did find this. It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess. Maybe you didn't. But let me know. What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?” So I opened it. It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though. I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about. But it does work. Also, when I loaded it the first time, the CD drive opened. There's this disc inside. So that's all. Pretty cool, right? What do you think I should do with it? I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything. I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance. Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on It's okay, though. I mean, making these for each other helps. Okay talk to you soon, alright? Bye. </tabber> ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and Conrad Church taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. [[File:LaptopFirstApp.PNG|thumb|right|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 772bd75c145e261001d0a19b7b2558565b9672c2 10 278 307 2024-12-05T06:36:56Z Xrystalwish 555517 Created page with "<includeonly> <div class="notice {{{class|}}}"><!-- --><div class="notice__image">{{{image|}}}</div><!-- --><div class="notice__content"><!-- --><div class="notice__heading">{{{heading|}}}</div><!-- --><div class="notice__text">{{{text|}}}</div><!-- --></div> </div></includeonly><noinclude> {{Doc}} [[Category:Notice templates]] </noinclude>" wikitext text/x-wiki <includeonly> <div class="notice {{{class|}}}"><!-- --><div class="notice__image">{{{image|}}}</div><!-- --><div class="notice__content"><!-- --><div class="notice__heading">{{{heading|}}}</div><!-- --><div class="notice__text">{{{text|}}}</div><!-- --></div> </div></includeonly><noinclude> {{Doc}} [[Category:Notice templates]] </noinclude> dc9d54ddd0f6f36bbf7aa140fcd5f9f92aaba1e0 6 279 308 2024-12-05T06:39:33Z Xrystalwish 555517 First appearance of the black rotary phone (Bad Seed). wikitext text/x-wiki == Summary == First appearance of the black rotary phone (Bad Seed). == Licensing == {{License|game}} 0ff81b5a0ec0487c89c2d19295e215f33cd92443 10 280 309 2024-12-05T06:40:28Z Xrystalwish 555517 Created page with "<includeonly> <div class="notice {{{class|}}}"><!-- --><div class="notice__image">{{{image|}}}</div><!-- --><div class="notice__content"><!-- --><div class="notice__heading">{{{heading|}}}</div><!-- --><div class="notice__text">{{{text|}}}</div><!-- --></div> </div></includeonly><noinclude> {{Doc}} [[Category:Notice templates]] </noinclude>" wikitext text/x-wiki <includeonly> <div class="notice {{{class|}}}"><!-- --><div class="notice__image">{{{image|}}}</div><!-- --><div class="notice__content"><!-- --><div class="notice__heading">{{{heading|}}}</div><!-- --><div class="notice__text">{{{text|}}}</div><!-- --></div> </div></includeonly><noinclude> {{Doc}} [[Category:Notice templates]] </noinclude> dc9d54ddd0f6f36bbf7aa140fcd5f9f92aaba1e0 310 309 2024-12-05T06:59:53Z Xrystalwish 555517 wikitext text/x-wiki <includeonly> <div class="notice {{{class|}}}"><!-- --><div class="notice__image">{{{image|}}}</div><!-- --><div class="notice__content"><!-- --><div class="notice__heading">{{{heading|}}}</div><!-- --><div class="notice__text">{{{text|}}}</div><!-- --></div> </div></includeonly><noinclude> {{Doc}} [[Category:Notice templates]] <templatedata> { "params": { "class": {}, "image": {}, "heading": {}, "text": {} }, "format": "inline" } </templatedata></noinclude> 4415b57a5172146f3facb80b8e36e38b09e9a772 8 5 311 270 2024-12-07T05:20:57Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family: "Fredoka", serif; --wiki-heading-font-family: "Fredoka", serif; --wiki-sidebar-heading-font-family: "Fredoka", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.9; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 6cfea01ac1ab0a39e2df1920cab7b0df9f0a0dbc 312 311 2024-12-07T05:21:58Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Fredoka", serif; --wiki-heading-font-family:"Fredoka", serif; --wiki-sidebar-heading-font-family:"Fredoka", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.9; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 643f9b4c198b8d8b6cbf70b492433b7e09f1b935 313 312 2024-12-07T05:22:58Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Fredoka",serif; --wiki-heading-font-family:"Fredoka",serif; --wiki-sidebar-heading-font-family:"Fredoka",serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.9; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ dfd8b734faf0d786d4c264685f9bc282b2718c41 314 313 2024-12-07T05:24:05Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.9; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 42e10740e67231c4f4c3e093629c335db57fe37c 315 314 2024-12-07T05:47:22Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ c16289a101d9d0dc109e6b3e99b9d53c11b5a97a 318 315 2024-12-07T06:07:56Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 300%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ c813c069e27e1d5625a1fe6e3e6cd97b303296c4 319 318 2024-12-07T06:09:24Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 300%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ d29f4e17457823af1c7a83d92d31dc1cff706f3f 320 319 2024-12-07T06:10:07Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 1000%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 3d4c3ee95a620a40bf43ff44c0fcad733b7dceef 321 320 2024-12-07T06:10:41Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 4f404916801c371b1c96f587f5745ab8a041fc65 322 321 2024-12-07T06:15:58Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 300%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 8b69d7161a5c5fec17c622c9c4a0e8b7c1b82dcb 323 322 2024-12-07T06:17:08Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 4f404916801c371b1c96f587f5745ab8a041fc65 338 323 2024-12-11T03:04:26Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*border settings*/ :root{ border-image-slice: 27 27 27 27; border-image-width: 20px 20px 20px 20px; border-image-outset: 0px 0px 0px 0px; border-image-repeat: stretch stretch; border-image-source: url("https://drive.google.com/file/d/1yaN3BcWlIMUvzU-DOjNPDtPaITX4AppV/view?usp=drive_link"); border-style: solid; } /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 984cd7291766c74bb61381957bcfe04cce8a9b71 340 338 2024-12-11T03:06:39Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*border settings*/ :root{ border-image-slice: 27 27 27 27; border-image-width: 20px 20px 20px 20px; border-image-outset: 0px 0px 0px 0px; border-image-repeat: stretch stretch; border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); border-style: solid; } /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ e6df67908536dcc1fdad698b8f82788fd14f9171 341 340 2024-12-11T03:12:05Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*border settings*/ :root{ border-image-slice: 27 27 27 27; border-image-width: 20px 20px 20px 20px; border-image-outset: 0px 0px 0px 0px; border-image-repeat: stretch stretch; border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); border-style: solid; } /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ dbb5fabd58aca1571544364ff926d427b0f6eb71 342 341 2024-12-11T03:13:27Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*border settings*/ :root{ border-image-slice: 27 27 27 27; border-image-width: 20px 20px 20px 20px; border-image-outset: 0px 0px 0px 0px; border-image-repeat: stretch stretch; border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); border-style: solid; } /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 0da4ec21b82bef31c324b50ed3c57948ba6e0531 343 342 2024-12-11T03:20:11Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*border settings*/ :root{ border-image-slice: 27 27 27 27; border-image-width: 20px 20px 20px 20px; border-image-outset: 0px 0px 0px 0px; border-image-repeat: stretch stretch; border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); border-style: solid; } /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-image-source: url("/images/5/5b/CRT_Frame_Border.png") 33% repeat; --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ ffa35b65240714cb4a802f7f39d787321bc94af8 344 343 2024-12-11T03:21:24Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*border settings*/ :root{ --wiki-sidebar-border-image-slice: 27 27 27 27; --wiki-sidebar-border-image-width: 20px 20px 20px 20px; --wiki-sidebar-border-image-outset: 0px 0px 0px 0px; --wiki-sidebar-border-image-repeat: stretch stretch; --wiki-sidebar-border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-border-style: solid; } /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-image-source: url("/images/5/5b/CRT_Frame_Border.png") 33% repeat; --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ f6328f887dced991b53e1b29d9d7c678b76cc8e9 345 344 2024-12-11T03:23:00Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*border settings*/ :root{ --wiki-sidebar-border-image-slice: 27 27 27 27; --wiki-sidebar-border-image-width: 20px 20px 20px 20px; --wiki-sidebar-border-image-outset: 0px 0px 0px 0px; --wiki-sidebar-border-image-repeat: stretch stretch; --wiki-sidebar-border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-border-style: solid; } /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ ade540814f3e91c306aa6cb46fb2d03c69973e18 346 345 2024-12-11T03:23:33Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*border settings*/ :root{ --wiki-sidebar-border-image-slice: 27 27 27 27; --wiki-sidebar-border-image-width: 20px 20px 20px 20px; --wiki-sidebar-border-image-outset: 0px 0px 0px 0px; --wiki-sidebar-border-image-repeat: stretch stretch; --wiki-sidebar-border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-border-style: solid; } /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 116480c9632bb00d345e8a97eb564ce7eba1a544 347 346 2024-12-11T03:32:45Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*border settings*/ :root { --wiki-sidebar-border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-border-image-slice: 27; --wiki-sidebar-border-image-width: 20; --wiki-sidebar-border-image-outset: 0; --wiki-sidebar-border-image-repeat: stretch; --wiki-sidebar-border-style: solid; } /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ .sidebar { border-image-source: var(--wiki-sidebar-border-image-source); border-image-slice: var(--wiki-sidebar-border-image-slice); border-image-width: var(--wiki-sidebar-border-image-width); border-image-outset: var(--wiki-sidebar-border-image-outset); border-image-repeat: var(--wiki-sidebar-border-image-repeat); border-style: var(--wiki-sidebar-border-style); } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 50c47fef6c5f70f3c3b6a09e73fc2d8b933c77b3 348 347 2024-12-11T03:40:16Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*border settings*/ :root { --wiki-navigation-border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-navigation-border-image-slice: 27; --wiki-navigation-border-image-width: 20; --wiki-navigation-border-image-outset: 0; --wiki-navigation-border-image-repeat: stretch; --wiki-navigation-border-style: solid; } /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ .sidebar { border-image-source: var(--wiki-navigation-border-image-source); border-image-slice: var(--wiki-navigation-border-image-slice); border-image-width: var(--wiki-navigation-border-image-width); border-image-outset: var(--wiki-navigation-border-image-outset); border-image-repeat: var(--wiki-navigation-border-image-repeat); border-style: var(--wiki-navigation-border-style); } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 21a3e15f5d515b621c78c2b7c7bee52acec095c9 349 348 2024-12-11T03:45:06Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*border settings*/ :root { --wiki-navigation-border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-navigation-border-image-slice: 27; --wiki-navigation-border-image-width: 20; --wiki-navigation-border-image-outset: 0; --wiki-navigation-border-image-repeat: stretch; --wiki-navigation-border-style: solid; } /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 61b5a1ee4e79faea2e949a29aa4e64609897d1ee 350 349 2024-12-11T03:58:07Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*border settings*/ :root { --wiki-navigation-border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-navigation-border-image-slice: 27; --wiki-navigation-border-image-width: 20; --wiki-navigation-border-image-outset: 0; --wiki-navigation-border-image-repeat: stretch; --wiki-navigation-border-style: solid; } /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); /* Replace with your image URL */ border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 6d54f149ab5b6898d60c63100c715cf858a9b164 0 238 316 256 2024-12-07T05:51:21Z Xrystalwish 555517 wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, press the button that says Create Box after saving or previewing this page and it will make a new template for you. Yes, you will be able to change the title later if you change your mind after filling out the prompt! 👀 RULE 5: Each box must be used somewhere in each layout. If you see your boxes all squished to the left, some vertical text or empty space to the right of them, and some other boxes at the very bottom taking up the remaining width, it probably means you broke this rule. -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about about links contribute contribute external <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about links contribute external <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about links external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> 447aa3f7b58ffe2e9f088ed173686484ffec65c3 324 316 2024-12-07T06:31:35Z Xrystalwish 555517 wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, press the button that says Create Box after saving or previewing this page and it will make a new template for you. Yes, you will be able to change the title later if you change your mind after filling out the prompt! 👀 RULE 5: Each box must be used somewhere in each layout. If you see your boxes all squished to the left, some vertical text or empty space to the right of them, and some other boxes at the very bottom taking up the remaining width, it probably means you broke this rule. -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about about links contribute contribute Vermis_Malum <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about links contribute series <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about links external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> ca0726799d3e58ec8a74ff9629fc1eb99a36000b 325 324 2024-12-07T06:32:11Z Xrystalwish 555517 wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, press the button that says Create Box after saving or previewing this page and it will make a new template for you. Yes, you will be able to change the title later if you change your mind after filling out the prompt! 👀 RULE 5: Each box must be used somewhere in each layout. If you see your boxes all squished to the left, some vertical text or empty space to the right of them, and some other boxes at the very bottom taking up the remaining width, it probably means you broke this rule. -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about about links contribute contribute external <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about links contribute series <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about links external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> 77a4d8d8194fff61f027e7630c66655e89c87a5f 326 325 2024-12-07T06:33:18Z Xrystalwish 555517 wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, press the button that says Create Box after saving or previewing this page and it will make a new template for you. Yes, you will be able to change the title later if you change your mind after filling out the prompt! 👀 RULE 5: Each box must be used somewhere in each layout. If you see your boxes all squished to the left, some vertical text or empty space to the right of them, and some other boxes at the very bottom taking up the remaining width, it probably means you broke this rule. -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about about links contribute contribute external <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about links contribute external <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about links external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> 447aa3f7b58ffe2e9f088ed173686484ffec65c3 0 243 317 261 2024-12-07T06:06:34Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Welcome to the {{SITENAME}}! | id = welcome<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> }} It's the <span style="color:red;">21st Century</span>, and there's a new world being born a little every day… '''Welcome to the Vermis Malum Wiki!''' The Vermis Malum Wiki is written and maintained by fans of the series. We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> a9c703791eaf464cd0a2945a0c344d1a3b57c5a5 0 239 330 267 2024-12-09T19:22:06Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Vermis Malum | id = about<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> }} <p>[[File:Site-logo.png|center|360px|link=]]</p> Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets. Per the Night Mind Index, "In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born". <div style="text-align:right">[[Vermis Malum|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> be2600b4d5aa0ae9fcafdeda344bcf377b614029 10 281 331 2024-12-09T19:37:12Z Xrystalwish 555517 Created page with "{|class="mw-collapsible navtemplate characternav hlist" style="width: 100%;" !style="background:#ded4ca;" colspan=2|[[:Category:Characters|<span style="color:#000000;">Characters</span>]] |- !style="background:#000000; color:white"| Vermis Malum Players | *[[Lawrence]] *[[Arthur Asimov]] *[[Katherine Bell]] *[[Conrad Church]] |- !style="background:#470008; color:#black"|Non-Players | *[[Rachel]] *[[Haley]] *[[J. Julius Hopp]] *[[Jordan Zwerling]] *[[N1C0M4CHU5]] |- !styl..." wikitext text/x-wiki {|class="mw-collapsible navtemplate characternav hlist" style="width: 100%;" !style="background:#ded4ca;" colspan=2|[[:Category:Characters|<span style="color:#000000;">Characters</span>]] |- !style="background:#000000; color:white"| Vermis Malum Players | *[[Lawrence]] *[[Arthur Asimov]] *[[Katherine Bell]] *[[Conrad Church]] |- !style="background:#470008; color:#black"|Non-Players | *[[Rachel]] *[[Haley]] *[[J. Julius Hopp]] *[[Jordan Zwerling]] *[[N1C0M4CHU5]] |- !style="background:#200042; color:#Blue"|Ring Ghosts | *[[Beatrice]] *[[Lady Lux]] *[[Big Gul P]] *[[Ava the Keeper]] *[[Mother Ace]] *[[Sir Ira]] *[[Lost Liv]] *[[Glam Glo]] *[[Orphan]] |- !style="background:#BABABA; color:#000000"|Misc. | *[[Unnamed]] *[[Unnamed and unused characters]] |} <noinclude>[[Category:Templates]]</noinclude> 61a72563681e97d0817586f9d83a33273654e75c 6 282 332 2024-12-09T19:41:07Z Xrystalwish 555517 Arthur's profile image from the laptop. wikitext text/x-wiki == Summary == Arthur's profile image from the laptop. == Licensing == {{License|game}} 5141186e04d3cdd2abf852db7978fe88a7940ad6 6 283 333 2024-12-09T19:41:44Z Xrystalwish 555517 A snapshot of Lawrence's desk from Vermis Malum (episode). wikitext text/x-wiki == Summary == A snapshot of Lawrence's desk from Vermis Malum (episode). == Licensing == {{License|game}} dd4262700dbb8b2c0f50429c5beaad0cbe654844 0 242 334 260 2024-12-09T19:42:39Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Links | id = links<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Important page here|image=Wiki.gg logo-pink.svg|size=92px}} * {{MP link|Another important page here|link=Special:Random}} * {{MP link|Lawrence|link=Lawrence|image=LawrenceDesk.PNG|size=92px}} * {{MP link|Vermis Malum (Episode)|link=Template:Vermis Malum (Episode)|image=VermisMalumThumbnail.jpg|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> d994383b76d704ea3c5229f0631b3d409b1c38ec 0 241 335 259 2024-12-09T19:46:43Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = External links | id = external<!-- don't edit this line if you just made this page and it says {{subst:SUBPAGENAME}}. Do edit it if you move this page later, to reflect the new subpage name --> }} <div class="mp-links columns-2"> * {{MP link|Volrusk's Channel|link=https://www.youtube.com/@Volrusk|image=YouTube.svg|size-64x64px}} * {{MP link|Discord|link=https://discord.gg/Y54WfABH9q|image=Discord.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 8baaea40e7e88911fcc3d949129c8214fcccb0da 6 246 336 266 2024-12-09T22:39:09Z RheingoldRiver 2743 Protected "[[File:Site-logo.png]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) wikitext text/x-wiki == Summary == The in-game logo for Vermis Malum. == Licensing == {{License|game}} 0484eb1f10dd40d56e8cdfd20e192c045c97954e 6 245 337 265 2024-12-11T02:43:58Z Xrystalwish 555517 Protected "[[File:Site-favicon.ico]]": Part of skin ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) [cascading] wikitext text/x-wiki == Summary == Malus Domestica art, from the Vermis Malum logo and in-game item icon. == Licensing == {{License|game}} 9f8663bc0e11407006e060fcac2a985b478f8741 6 284 339 2024-12-11T03:05:33Z Xrystalwish 555517 In-series screen border, for editing. wikitext text/x-wiki == Summary == In-series screen border, for editing. == Licensing == {{License|game}} 4c0cd5f70366a1b9e55591051e1a38b5a1f3bc0c 8 5 351 350 2024-12-11T04:01:41Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*border settings*/ :root { --wiki-navigation-border-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-navigation-border-image-slice: 27; --wiki-navigation-border-image-width: 20; --wiki-navigation-border-image-outset: 0; --wiki-navigation-border-image-repeat: stretch; --wiki-navigation-border-style: solid; } /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); /* Replace with your image URL */ border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); /* Replace with your image URL */ border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 35c42d08c90ae12cc84221c98bbf64479e7d6ba6 352 351 2024-12-11T04:15:28Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border: 1px solid transparent; border:1px solid var(--wiki-content-border-color); border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); /* Replace with your image URL */ border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border: 1px solid transparent; border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); /* Replace with your image URL */ border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ e6026dfdd7b303d7549ae6532456b843c2ed969d 353 352 2024-12-11T04:17:32Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border: 1px solid transparent; /* This allows the border-image to show */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border: 1px solid transparent; /* This allows the border-image to show */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ b6a610b0386fab82e3ff7ea29ad573de98ec1ba9 354 353 2024-12-11T04:21:30Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border: 1px solid transparent; /* This allows the border-image to show */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 100; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border: 1px solid transparent; /* This allows the border-image to show */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 60463788b83d2af6ac684c2030819d6d6e0f034a 355 354 2024-12-11T04:24:09Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border: 1px solid transparent; /* This allows the border-image to show */ border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ b45971f6e399450770993d038760f18bb5ad9185 356 355 2024-12-11T04:25:21Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border: 1px solid transparent; /* This allows the border-image to show */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ f246c95db3e76ec091e394d814fab7a6bdf4baed 358 356 2024-12-11T04:30:20Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border: 1px solid transparent; /* This allows the border-image to show */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 60013ea5f6d4497fe3ca34546f67d867f1ff0ad9 359 358 2024-12-11T04:31:09Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border: 1px solid transparent; /* This allows the border-image to show */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ e63487e07dafe9245f59f304f54426409c459cb3 360 359 2024-12-11T04:46:32Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border:1px; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border: 1px solid transparent; /* This allows the border-image to show */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ e564922e0ff6ff1a24f6d142b11942a8a49e22f7 363 360 2024-12-11T05:00:14Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 0,0,0; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border:1px; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border: 1px solid transparent; /* This allows the border-image to show */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 58c07108f04af46685f2d4b52ab70160da8f9245 364 363 2024-12-11T05:01:12Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 0,0,0; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border:1px; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 1); border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border: 1px solid transparent; /* This allows the border-image to show */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 9f26af6cf54a61ccf0ae4906e1bf05ddc13e5a4c 365 364 2024-12-11T05:02:04Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 0,0,0; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border:1px; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.8); border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border: 1px solid transparent; /* This allows the border-image to show */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 7b822140b1a91919d789f9ffa316c6d294c07ea6 366 365 2024-12-11T05:18:31Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 0,0,0; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border:1px; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.8); border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border: 1px solid transparent; /* This allows the border-image to show */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 4c724727eee68916554d1f6a9ce390670226a812 367 366 2024-12-11T05:19:28Z Xrystalwish 555517 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Pixelify+Sans:wght@400..700&display=swap'); /*font settings*/ :root{ /* start font settings */ --wiki-body-font-family:"Pixelify Sans", serif; --wiki-heading-font-family:"Pixelify Sans", serif; --wiki-sidebar-heading-font-family:"Pixelify Sans", serif; /* end font settings */ /* start design variables */ --wiki-sidebar-border-radius:0px; /* these two variables must have units specified even if 0, ignore the warning */ --wiki-sidebar-portal-spacing:0px; /* end design variables */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/f/f7/Site-background-light.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #994620; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #646464; --wiki-content-text-mix-color--rgb: 100,100,100; --wiki-content-text-mix-color-95: #f3f3f3; --wiki-content-text-mix-color-95--rgb: 243,243,243; /* [ LIGHT THEME ] */ --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #D5FB51; --wiki-accent-link-color--rgb: 213, 251, 81; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ LIGHT THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ LIGHT THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT THEME, if you are making a dark theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; /* [ LIGHT THEME ] */ --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * [ DARK THEME, if you are making a light theme edit the other block ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.7; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 0,0,0; --wiki-content-border-color: #59175f; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #9b9b9b; --wiki-content-text-mix-color--rgb: 155,155,155; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; /* [ DARK THEME ] */ --wiki-accent-color: #ff2486; --wiki-accent-color--rgb: 255,36,134; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * [ DARK THEME, if you are making a light theme edit the other block ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC483B; --wiki-content-redlink-color--rgb: 252,72,59; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-sidebar-image-source: url("https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png"); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-content-heading-color--rgb); /* [ DARK THEME ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); /* [ DARK THEME ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ff4d61; --wiki-alert-color--rgb: 255,77,97; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #13aa45; --wiki-success-color--rgb: 19,170,69; /**/ /*********************************** * Likely do not need to edit these * [ DARK THEME, if you are making a light theme edit the other block ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; /* [ DARK THEME ] */ --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /* End dark theme */ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.8em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border:1px; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.8); border-width: 10px; border-style: solid; border-color: transparent; /* Make the border color transparent */ border-image-source: url('https://vermismalum.wiki.gg/images/5/5b/CRT_Frame_Border.png'); border-image-slice: 30; /* Adjust to fit your image */ border-image-repeat: stretch; /* Options: stretch, repeat, or round */ padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; border: 1px solid transparent; /* This allows the border-image to show */ } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 01c341cdc81129efc604dba716c1525b27f5891a 0 242 357 334 2024-12-11T04:29:38Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Links | id = links<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Important page here|image=Wiki.gg logo-pink.svg|size=92px}} * {{MP link|Another important page here|link=Special:Random}} * {{MP link|Lawrence|link=Lawrence|image=LawrenceDesk.PNG|size=92px}} * {{MP link|Vermis Malum (Episode)|link=Vermis Malum (Episode)|image=VermisMalumThumbnail.jpg|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 4845472187c2f8c0f3007fe67f94f9f64e57e167 375 357 2024-12-17T05:27:14Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Links | id = links<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Lawrence|link=Lawrence|image=LawrenceDesk.PNG|size=92px}} * {{MP link|Vermis Malum (Episode)|link=Vermis Malum (Episode)|image=VermisMalumThumbnail.jpg|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 9ce590521ae9bde57a0deeef0eef01bc8b3a1f37 376 375 2024-12-17T06:23:31Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Links | id = links<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Lawrence|link=Lawrence|image=LawrenceDesk.PNG|size=92px}} * {{MP link|Vermis Malum (Episode)|link=Vermis Malum (Episode)|image=VermisMalumThumbnail.jpg|size=92px}} * {{MP link|Volrusk's Channel|link=https://www.youtube.com/@Volrusk|image=YouTube.svg|size-64x64px}} * {{MP link|Discord|link=https://discord.gg/Y54WfABH9q|image=Discord.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 1d69c2edba9c1de4138cc1439e5bb4655f95a4ea 391 376 2024-12-18T02:38:09Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Links | id = links<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Vermis Malum (Series|link=Vermis Malum|image=SeriesLogo.png|size=92px}} * {{MP link|Vermis Malum (Episode)|link=Vermis Malum (Episode)|image=VermisMalumThumbnail.jpg|size=92px}} * {{MP link|Volrusk's Channel|link=https://www.youtube.com/@Volrusk|image=YouTube.svg|size-64x64px}} * {{MP link|Discord|link=https://discord.gg/Y54WfABH9q|image=Discord.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> ddd8fbed5a218a328401b111e6950fbae49e9209 399 391 2024-12-18T06:33:17Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Links | id = links<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Vermis Malum (Series)|link=Vermis Malum|image=SeriesLogo.png|size=92px}} * {{MP link|Vermis Malum (Episode)|link=Vermis Malum (Episode)|image=VermisMalumThumbnail.jpg|size=92px}} * {{MP link|Volrusk's Channel|link=https://www.youtube.com/@Volrusk|image=YouTube.svg|size-64x64px}} * {{MP link|Discord|link=https://discord.gg/Y54WfABH9q|image=Discord.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> a43d7c9236220f43a5f0d4c844ab1b3e54d27186 8 27 361 28 2024-12-11T04:47:36Z Xrystalwish 555517 css text/css /* All CSS here will be loaded for users of the Vector skin */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); --wiki-heading-color--rgb: var(--wiki-content-heading-color--rgb); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: unset; } /* Signal color scheme hints to browsers */ html.view-dark { color-scheme: dark } html.view-light { color-scheme: light } iframe { color-scheme: auto } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) 1px, var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: rgba(var(--wiki-sidebar-background-color--rgb), var(--wiki-sidebar-background-opacity)); border:1px solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom:var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius:calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(1px, var(--wiki-sidebar-portal-spacing, 0px)); /* the 0px fallback is for backwards compatibility with older versions of the loadout */ } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: rgba(var(--wiki-content-background-color--rgb), var(--wiki-content-background-opacity)); border: 1px solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********************************** * wiki.gg network elements tuning * *********************************/ #wikigg-footer { position: sticky; top: 100%; margin-top: 0.5rem; clear: both; } /** * Only clear right side in the MW footer to prevent icon overflow. This is accompanied by * the full clear on netfooter to stop the sidebar from offsetting it. */ .mw-footer > div[style^="clear"]:last-child { clear: right !important; } /*************************************** * End wiki.gg network elements tuning * *************************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family:var(--wiki-heading-font-family); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: rgba(var(--wiki-success-color--rgb),.25); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background:rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05); } .view-dark .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .view-dark .jquery-tablesorter th.headerSort { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortUp { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortDown { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: rgba(var(--wiki-accent-label-color--rgb), 0.75); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-text-mix-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:rgba(var(--wiki-accent-color--rgb), 0.9); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:rgba(var(--wiki-accent-color--rgb), 0.5); border-color:rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color: rgba(var(--wiki-accent-color--rgb),0.5); box-shadow: inset 0 0 0 1px rgba(var(--wiki-accent-color--rgb),0.5); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-accent-color--rgb), 0.15); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: rgba(var(--wiki-accent-color--rgb),0.1); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: rgba(var(--wiki-accent-color--rgb), .07) !important; outline-color: rgba(var(--wiki-accent-color--rgb), .07) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background: rgba(var(--wiki-content-text-mix-color-95--rgb),0.8); border-color: var(--wiki-neutral-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color); } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: rgba(var(--wiki-success-color--rgb), 0.25); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background: rgba(var(--wiki-success-color--rgb),0.9); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background: rgba(var(--wiki-alert-color--rgb), 0.9); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color: rgba(var(--wiki-success-color--rgb), 0.9); box-shadow: 0 0 0 1px rgba(var(--wiki-success-color--rgb), 0.9); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color: rgba(var(--wiki-alert-color--rgb), 0.9); box-shadow: 0 0 0 1px rgba(var(--wiki-alert-color--rgb), 0.9); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background: rgba(var(--wiki-accent-color--rgb), 0.15); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color: rgba(var(--wiki-content-text-color--rgb), 0.8); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color: rgba(var(--wiki-alert-color--rgb), 0.4); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color: rgba(var(--wiki-success-color--rgb), 0.4); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color: rgba(var(--wiki-alert-color--rgb), 0.3); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color:rgba(var(--wiki-success-color--rgb), 0.8); background: rgba(var(--wiki-success-color--rgb), 0.1); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: rgba(var(--wiki-success-color--rgb), 0.9); background: rgba(var(--wiki-success-color--rgb), 0.1); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:rgba(var(--wiki-alert-color--rgb), 0.9); background: rgba(var(--wiki-alert-color--rgb), 0.1); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay mode for galleries */ ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.8); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright { float: none; margin: 0 auto; width: max-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color: rgba(var(--wiki-accent-color--rgb),0.15); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); } .ace_gutter-cell { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.4); } .ace_editor .ace_print-margin { width: 1px; background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.75); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image:linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color:rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.93); color: rgba(var(--wiki-content-dynamic-color--rgb), 0.93); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace_editor .ace_gutter-active-line { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor .ace_invisible { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25) } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); border-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color: rgba(var(--wiki-content-dynamic-color--rgb), 0.3); } .ace_editor .ace_xml-pe { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.28); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.2); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .view-dark .CodeMirror, .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .CodeMirror { background-color:rgba(var(--wiki-content-background-color--rgb), 0.35); color: var(--wiki-content-text-color) } .CodeMirror-code:focus-visible { outline:none; } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-accent-color--rgb), .3); } .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection { background: rgba(var(--wiki-accent-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6) } .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple) } .cm-def { color: var(--codemirror-blue) } .cm-comment { color: var(--codemirror-yellow) } .cm-variable-2 { color: var(--codemirror-light-blue) } .cm-string { color: var(--codemirror-red) } .cm-atom { color: var(--codemirror-pink) } .cm-number { color: var(--codemirror-green) } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__indicator { background: var(--wiki-content-link-color); } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: rgba(var(--wiki-accent-color--rgb), .1); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* arrow on redirect pages */ .mw-content-ltr .redirectText li:first-child { padding-left:0; background:none; } .mw-content-ltr .redirectText li:first-child::before { content:''; display:inline-block; width:47px; height:1em; vertical-align: middle; background-image:linear-gradient(transparent,transparent),url(/resources/src/mediawiki.action/images/redirect-ltr.svg?ff441); filter:var(--wiki-icon-general-filter); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--secondary--rgb), 0.75); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--rgb), 0.75); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color:rgba(var(--wiki-accent-color--rgb), 0.05); border-color:rgba(var(--wiki-accent-color--rgb), 0.75); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color: rgba(var(--wiki-accent-color--rgb), 0.5); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color: rgba(var(--wiki-accent-color--rgb), 0.5) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); text-shadow: none; } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-accent-color--rgb), .15); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-accent-color--rgb), .15) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-accent-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .8); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: rgba(var(--wiki-accent-color--rgb), 0.1); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: rgba(var(--wiki-content-text-color--rgb), 0.8); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-content-text-color--rgb), 0.1); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:rgba(var(--wiki-accent-color--rgb), 0.2); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), .76); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: rgba(var(--wiki-content-text-color--rgb), .75); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed { filter:brightness(75%) var(--wiki-icon-general-filter); } /* Collapsibles */ .mw-collapsible button.mw-collapsible-toggle > span, .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } /* The below rules fix an error caused by the above rule because the toggles in the edit footer have text and an arrow in the same element, so the text gets inverted when it shouldn't be */ .mw-editfooter-toggler { position:relative; filter:unset; background:none; } .mw-editfooter-toggler::before { position:absolute; left:0; top:0; background-repeat: no-repeat; background-position: left center; width:12px; height:100%; content:''; filter:brightness(75%) var(--wiki-icon-general-filter); } .mw-editfooter-toggler.mw-icon-arrow-collapsed::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-collapsed-ltr.svg?40e9a); } .mw-editfooter-toggler.mw-icon-arrow-expanded::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-expanded.svg?d0685); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color: rgba(var(--wiki-content-text-color--rgb), 0.25); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:rgba(var(--wiki-accent-color--rgb), 0.5); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:rgba(var(--wiki-content-text-color--rgb), 0.8); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color:rgba(var(--wiki-accent-color--rgb), 0.1); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color:rgba(var(--wiki-accent-color--rgb), 0.15); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline:1px solid var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow: 0 1px 1px 0 rgba(var(--wiki-content-dynamic-color--rgb),0.1); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: rgba(var(--wiki-content-link-color--rgb),0.08); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: rgba(var(--wiki-content-link-color--rgb), 0.9); border-color: rgba(var(--wiki-content-link-color--rgb), 0.9); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-color: var(--wiki-content-border-color); margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: rgba(var(--wiki-accent-color--rgb), 0.1); color: var(--wiki-content-text-color); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color),0 2px 2px 0 rgba(0,0,0,0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { color: #fff; } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color: rgba(var(--wiki-warning-color--rgb), 0.16); } .mw-spinner-container > div { filter: var(--wiki-icon-general-filter); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight { background-color:var(--wiki-content-dynamic-color--inverted); } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background) } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /* invert the help icon on the helplink */ #mw-indicator-mw-helplink a { background-image: none; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } #mw-indicator-mw-helplink a::before { filter: var(--wiki-icon-to-link-filter); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, rgba(var(--wiki-content-background-color--rgb), 0) 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color: rgba(var(--wiki-content-text-color--rgb), 0.76); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color: rgba(var(--wiki-content-text-color--rgb), 0.82); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .mw-echo-ui-notificationItemWidget { background-color: var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-unread, .mw-echo-ui-placeholderItemWidget { background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.8); } .mw-echo-ui-crossWikiUnreadFilterWidget { border-color:var(--wiki-content-border-color); } .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle { color:var(--wiki-content-text-mix-color); } .mw-echo-ui-notificationItemWidget-unread:hover, .mw-echo-ui-notificationItemWidget:hover, .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background-color:var(--wiki-content-background-color--secondary); } .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-echo-ui-notificationItemWidget-content-message-body { color:var(--wiki-content-text-mix-color); } .mw-echo-ui-notificationsListWidget:not(:hover) a, #p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new, .mw-echo-ui-notificationItemWidget-content-message-header, .mw-echo-ui-notificationItemWidget-content-actions-timestamp{ color:var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .mw-echo-ui-notificationItemWidget, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child { border-color:var(--wiki-content-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .mw-echo-ui-notificationsListWidget > .mw-echo-ui-notificationItemWidget:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); border-color:var(--wiki-content-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .mw-echo-ui-notificationItemWidget:last-child { border-bottom:1px solid var(--wiki-content-border-color); } .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { background-color:var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-icon{ filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color:var(--wiki-accent-color); } .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { background-color:var(--wiki-content-background-color); } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color:var(--wiki-accent-color--hover); } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { background-color:var(--wiki-content-background-color--secondary); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color:rgba(var(--wiki-accent-color--rgb), 0.1); color:var(--wiki-accent-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted, .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted{ background-color:rgba(var(--wiki-accent-color--rgb), 0.2); color:var(--wiki-accent-color); } .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count { color:var(--wiki-accent-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /************************* * End Vector theme fixes * **************************/ /************** * Codex fixes * ***************/ /* text input */ .cdx-text-input__input:enabled { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .cdx-text-input__input:disabled { -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.25); background: var(--wiki-content-text-mix-color-95); color: rgba(var(--wiki-content-text-color--rgb), 0.25); text-shadow: none; border-color: var(--wiki-content-text-mix-color); } .cdx-text-input__input::placeholder { color:var(--wiki-content-text-mix-color); } .cdx-text-input__input:enabled:hover, .cdx-text-input__input:enabled:focus { border-color:var(--wiki-accent-color); } .cdx-text-input__input:enabled:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .cdx-text-input__input:enabled:read-only { background-color:var(--wiki-content-text-mix-color-95); } .cdx-text-input__input:enabled:read-only, .cdx-text-input__input:enabled:read-only:hover, .cdx-text-input__input:enabled:read-only:focus { border-color:var(--wiki-content-text-mix-color); box-shadow:none; } /**/ /* Buttons */ .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); color: var(--wiki-content-link-color--hover); } .cdx-button:enabled:active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-color--hover); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-content-background-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background-color: rgba(var(--wiki-accent-color--rgb), 0.75); border-color: rgba(var(--wiki-accent-color--rgb), 0.75); color: var(--wiki-accent-label-color); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color:rgba(var(--wiki-accent-color--rgb), 0.1); color: rgba(var(--wiki-accent-color--rgb), 0.9); } .cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-text-mix-color); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { background-color: rgba(var(--wiki-accent-color--rgb), 0.3); color: var(--wiki-accent-label-color); border-color: rgba(var(--wiki-accent-color--rgb), 0.3); } .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--wiki-content-link-color); } } /**/ /* Checkboxes */ .cdx-checkbox__icon { background-color:rgba(var(--wiki-accent-color--rgb),0.05); } .cdx-checkbox__input:enabled + .cdx-checkbox__icon { border-color: rgba(var(--wiki-accent-color--rgb),0.75); } .cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); } .cdx-checkbox__input:enabled:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-accent-color--rgb), 0.7); border-color: rgba(var(--wiki-accent-color--rgb), 0.7); } .cdx-checkbox__input:enabled:focus:not(:active) + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-accent-color--rgb), 0.7); border-color: rgba(var(--wiki-accent-color--rgb), 0.7); } .cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon { box-shadow: inset 0 0 0 1px var(--wiki-accent-color), inset 0 0 0 2px var(--wiki-accent-label-color); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled + .cdx-checkbox__icon { border-color: rgba(var(--wiki-alert-color--rgb), 0.75); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon { border-color: rgba(var(--wiki-alert-color--rgb), 0.9); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-alert-color--rgb), 0.75); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon { background-color: var(--wiki-alert-color); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon { background-color: rgba(var(--wiki-alert-color--rgb), 0.9); border-color: rgba(var(--wiki-alert-color--rgb), 0.9); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-alert-color--rgb), 0.75); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon { background-color: var(--wiki-alert-color); border-color: var(--wiki-accent-color); } .cdx-checkbox__input:disabled + .cdx-checkbox__icon { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .cdx-checkbox__input:disabled ~ .cdx-checkbox__label { color: var(--wiki-content-text-mix-color); } .cdx-checkbox__input:checked:not(:indeterminate) + .cdx-checkbox__icon::before { background:var(--wiki-accent-label-color); position:absolute; width:100%; height:100%; --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%2523fff' d='M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z'/%3E%3C/svg%3E"); --mask-size: 1.1428571em 1.1428571em; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask-image: var(--mask-image); mask-image: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); } /**/ /* Switches */ .cdx-toggle-switch__switch { background-color:var(--wiki-content-background-color); border-color:rgba(var(--wiki-content-dynamic-color--rgb), 0.65); } .cdx-toggle-switch__input:enabled ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip, .cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip { background-color:var(--wiki-accent-color); border-color:var(--wiki-accent-color); } .cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch, .cdx-toggle-switch__input:enabled:focus:not(:active) ~ .cdx-toggle-switch__switch{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-accent-color); } .cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch { background-color:var(--wiki-accent-color); border-color:var(--wiki-accent-label-color); } .cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip, .cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch::before, .cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{ border-color:var(--wiki-accent-label-color); } .cdx-toggle-switch__input:enabled:checked:hover ~ .cdx-toggle-switch__switch, .cdx-toggle-switch__input:enabled:checked:focus ~ .cdx-toggle-switch__switch{ background-color: rgba(var(--wiki-accent-color--rgb), 0.75); border-color: rgba(var(--wiki-accent-color--rgb), 0.75); } /**/ /* Tabs */ .ext-wc-editor .cdx-tabs--framed .cdx-tabs__header { background-color:var(--wiki-content-background-color--secondary); border-bottom:1px solid var(--wiki-accent-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected="true"], .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected="true"]:hover { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:enabled:hover { background-color: rgba(var(--wiki-accent-color--rgb), 0.75); color:var(--wiki-accent-label-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:focus-visible, .cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item:focus-visible { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } /**/ /* Menus */ .cdx-menu { background-color: var(--wiki-content-background-color); border-color: 1px solid var(--wiki-content-border-color); box-shadow: 0 2px 2px rgba(var(--wiki-content-dynamic-color--inverted--rgb,.2)); } .cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content { color: var(--wiki-content-text-color); } .cdx-menu-item--enabled.cdx-menu-item--highlighted { background-color: rgba(var(--wiki-accent-color--rgb), 0.2); } .cdx-menu-item--enabled.cdx-menu-item--selected { background-color:var(--wiki-content-background-color--secondary); } .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted, .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content, .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description, .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content, .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{ color:var(--wiki-accent-color); } /**/ /* Progress bar */ .cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar { background-color: var(--wiki-accent-color); } .cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block { background-color: var(--wiki-content-background-color); } .cdx-progress-bar:not(.cdx-progress-bar--inline) { border-color: rgba(var(--wiki-accent-color--rgb), 0.5); } /**/ /* Cards */ .cdx-card { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .cdx-card__text__title { color: var(--wiki-heading-color); } .cdx-card__text__description, .cdx-card__text__supporting-text, .cdx-card__text__description .cdx-icon, .cdx-card__text__supporting-text .cdx-icon { color: var(--wiki-content-text-color); } /**/ /* Messages */ .cdx-message { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border-color:var(--wiki-content-border-color); } .cdx-message__icon { filter:var(--wiki-icon-general-filter); } /**/ .cdx-icon svg { fill:var(--wiki-content-link-color); } /************ * End codex * *************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow: inset 0 -1px 0 rgba(var(--wiki-content-border-color--rgb),0.5); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.75); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.78); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: rgba(var(--wiki-content-link-color--rgb),0.1); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow: 0 0 0 1px rgba(var(--wiki-content-link-color--rgb), 0.2); background-color: rgba(var(--wiki-content-link-color--rgb), 0.1); } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: rgba(var(--wiki-content-dynamic-color--rgb),0.05); } .ve-ce-languageAnnotation { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.2); border-color:var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: rgba(var(--wiki-accent-color--rgb),0.1); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.5); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color: rgba(var(--wiki-content-text-color--rgb),0.8); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color: rgba(var(--wiki-content-text-color--rgb),0.6); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color: rgba(var(--wiki-content-link-color--rgb),0.2); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color: rgba(var(--wiki-success-color--rgb),0.2); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: rgba(var(--wiki-warning-color--rgb),0.2); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:rgba(var(--wiki-alert-color--rgb),0.2); } /****************** * End AbuseFilter * *******************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color: rgba(var(--wiki-content-text-color--rgb), 0.95); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color:rgba(var(--wiki-warning-color--rgb),0.1); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color:rgba(var(--wiki-warning-color--rgb),0.4); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height:unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height:calc( 80px /*card height*/ + 10px /*card margin*/ + 1em /*container padding*/ + 0.3em /*card-list margin*/ + 0.8em /*h2 font-size*/ + 1em /*h2 padding*/ + 0.6em /*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color:var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color: rgba(var(--wiki-content-border-color--rgb),0.2); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color:var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color:var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color:var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color:rgba(var(--wiki-content-text-color--rgb), 0.5); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position:relative; background-image:none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: rgba(var(--wiki-content-text-color--rgb), 0.75); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom:1px solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right:1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow: 0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px rgba(var(--wiki-content-border-color--rgb),0.05); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color:var(--wiki-content-background-color); color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color:var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color:var(--wiki-content-background-color); } .popups-icon { position:relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em,20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image:none; } .popups-icon::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; -webkit-mask-image:var(--mask-image, none); mask-image:var(--mask-image, none); -webkit-mask-repeat:var(--mask-repeat, no-repeat); mask-repeat:var(--mask-repeat, no-repeat); -webkit-mask-size:var(--mask-size, calc(max(1.4285714em,20px))); mask-size:var(--mask-size, calc(max(1.4285714em,20px))); -webkit-mask-position:var(--mask-position, center); mask-position:var(--mask-position, center); background-color:var(--mask-color, currentColor); background-color:var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-data-after-content { margin-left:0; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: scroll; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: 1px; border-right-width: 1px; margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; word-break:break-all; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ Gadget-topLogo.css e3d853ae7ead30c0edc619dff34f78548c6f94b4 362 361 2024-12-11T04:53:22Z Xrystalwish 555517 css text/css /* All CSS here will be loaded for users of the Vector skin */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); --wiki-heading-color--rgb: var(--wiki-content-heading-color--rgb); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: unset; } /* Signal color scheme hints to browsers */ html.view-dark { color-scheme: dark } html.view-light { color-scheme: light } iframe { color-scheme: auto } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) 1px, var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: rgba(var(--wiki-sidebar-background-color--rgb), var(--wiki-sidebar-background-opacity)); border:1px solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom:var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius:calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999 )); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(1px, var(--wiki-sidebar-portal-spacing, 0px)); /* the 0px fallback is for backwards compatibility with older versions of the loadout */ } /* end sidebar spacing and border-radius */ /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: rgba(var(--wiki-content-background-color--rgb), var(--wiki-content-background-opacity)); border: 1px solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********************************** * wiki.gg network elements tuning * *********************************/ #wikigg-footer { position: sticky; top: 100%; margin-top: 0.5rem; clear: both; } /** * Only clear right side in the MW footer to prevent icon overflow. This is accompanied by * the full clear on netfooter to stop the sidebar from offsetting it. */ .mw-footer > div[style^="clear"]:last-child { clear: right !important; } /*************************************** * End wiki.gg network elements tuning * *************************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family:var(--wiki-heading-font-family); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: rgba(var(--wiki-success-color--rgb),.25); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background:rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05); } .view-dark .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .view-dark .jquery-tablesorter th.headerSort { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortUp { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortDown { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: rgba(var(--wiki-accent-label-color--rgb), 0.75); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-text-mix-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:rgba(var(--wiki-accent-color--rgb), 0.9); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:rgba(var(--wiki-accent-color--rgb), 0.5); border-color:rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color: rgba(var(--wiki-accent-color--rgb),0.5); box-shadow: inset 0 0 0 1px rgba(var(--wiki-accent-color--rgb),0.5); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-accent-color--rgb), 0.15); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: rgba(var(--wiki-accent-color--rgb),0.1); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: rgba(var(--wiki-accent-color--rgb), .07) !important; outline-color: rgba(var(--wiki-accent-color--rgb), .07) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background: rgba(var(--wiki-content-text-mix-color-95--rgb),0.8); border-color: var(--wiki-neutral-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color); } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: rgba(var(--wiki-success-color--rgb), 0.25); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background: rgba(var(--wiki-success-color--rgb),0.9); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background: rgba(var(--wiki-alert-color--rgb), 0.9); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color: rgba(var(--wiki-success-color--rgb), 0.9); box-shadow: 0 0 0 1px rgba(var(--wiki-success-color--rgb), 0.9); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color: rgba(var(--wiki-alert-color--rgb), 0.9); box-shadow: 0 0 0 1px rgba(var(--wiki-alert-color--rgb), 0.9); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background: rgba(var(--wiki-accent-color--rgb), 0.15); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color: rgba(var(--wiki-content-text-color--rgb), 0.8); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color: rgba(var(--wiki-alert-color--rgb), 0.4); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color: rgba(var(--wiki-success-color--rgb), 0.4); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color: rgba(var(--wiki-alert-color--rgb), 0.3); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color:rgba(var(--wiki-success-color--rgb), 0.8); background: rgba(var(--wiki-success-color--rgb), 0.1); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: rgba(var(--wiki-success-color--rgb), 0.9); background: rgba(var(--wiki-success-color--rgb), 0.1); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:rgba(var(--wiki-alert-color--rgb), 0.9); background: rgba(var(--wiki-alert-color--rgb), 0.1); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay mode for galleries */ ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.8); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright { float: none; margin: 0 auto; width: max-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color: rgba(var(--wiki-accent-color--rgb),0.15); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); } .ace_gutter-cell { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.4); } .ace_editor .ace_print-margin { width: 1px; background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.75); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image:linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color:rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.93); color: rgba(var(--wiki-content-dynamic-color--rgb), 0.93); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace_editor .ace_gutter-active-line { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor .ace_invisible { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25) } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); border-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color: rgba(var(--wiki-content-dynamic-color--rgb), 0.3); } .ace_editor .ace_xml-pe { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.28); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.2); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .view-dark .CodeMirror, .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .CodeMirror { background-color:rgba(var(--wiki-content-background-color--rgb), 0.35); color: var(--wiki-content-text-color) } .CodeMirror-code:focus-visible { outline:none; } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-accent-color--rgb), .3); } .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection { background: rgba(var(--wiki-accent-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6) } .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple) } .cm-def { color: var(--codemirror-blue) } .cm-comment { color: var(--codemirror-yellow) } .cm-variable-2 { color: var(--codemirror-light-blue) } .cm-string { color: var(--codemirror-red) } .cm-atom { color: var(--codemirror-pink) } .cm-number { color: var(--codemirror-green) } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__indicator { background: var(--wiki-content-link-color); } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: rgba(var(--wiki-accent-color--rgb), .1); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* arrow on redirect pages */ .mw-content-ltr .redirectText li:first-child { padding-left:0; background:none; } .mw-content-ltr .redirectText li:first-child::before { content:''; display:inline-block; width:47px; height:1em; vertical-align: middle; background-image:linear-gradient(transparent,transparent),url(/resources/src/mediawiki.action/images/redirect-ltr.svg?ff441); filter:var(--wiki-icon-general-filter); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--secondary--rgb), 0.75); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--rgb), 0.75); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color:rgba(var(--wiki-accent-color--rgb), 0.05); border-color:rgba(var(--wiki-accent-color--rgb), 0.75); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color: rgba(var(--wiki-accent-color--rgb), 0.5); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color: rgba(var(--wiki-accent-color--rgb), 0.5) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); text-shadow: none; } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-accent-color--rgb), .15); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-accent-color--rgb), .15) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-accent-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .8); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: rgba(var(--wiki-accent-color--rgb), 0.1); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: rgba(var(--wiki-content-text-color--rgb), 0.8); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-content-text-color--rgb), 0.1); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:rgba(var(--wiki-accent-color--rgb), 0.2); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), .76); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: rgba(var(--wiki-content-text-color--rgb), .75); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed { filter:brightness(75%) var(--wiki-icon-general-filter); } /* Collapsibles */ .mw-collapsible button.mw-collapsible-toggle > span, .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } /* The below rules fix an error caused by the above rule because the toggles in the edit footer have text and an arrow in the same element, so the text gets inverted when it shouldn't be */ .mw-editfooter-toggler { position:relative; filter:unset; background:none; } .mw-editfooter-toggler::before { position:absolute; left:0; top:0; background-repeat: no-repeat; background-position: left center; width:12px; height:100%; content:''; filter:brightness(75%) var(--wiki-icon-general-filter); } .mw-editfooter-toggler.mw-icon-arrow-collapsed::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-collapsed-ltr.svg?40e9a); } .mw-editfooter-toggler.mw-icon-arrow-expanded::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-expanded.svg?d0685); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color: rgba(var(--wiki-content-text-color--rgb), 0.25); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:rgba(var(--wiki-accent-color--rgb), 0.5); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:rgba(var(--wiki-content-text-color--rgb), 0.8); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color:rgba(var(--wiki-accent-color--rgb), 0.1); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color:rgba(var(--wiki-accent-color--rgb), 0.15); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline:1px solid var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow: 0 1px 1px 0 rgba(var(--wiki-content-dynamic-color--rgb),0.1); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: rgba(var(--wiki-content-link-color--rgb),0.08); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: rgba(var(--wiki-content-link-color--rgb), 0.9); border-color: rgba(var(--wiki-content-link-color--rgb), 0.9); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover),inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { border-color: var(--wiki-content-border-color); margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: rgba(var(--wiki-accent-color--rgb), 0.1); color: var(--wiki-content-text-color); } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color),0 2px 2px 0 rgba(0,0,0,0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { color: #fff; } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color: rgba(var(--wiki-warning-color--rgb), 0.16); } .mw-spinner-container > div { filter: var(--wiki-icon-general-filter); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight { background-color:var(--wiki-content-dynamic-color--inverted); } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background) } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /* invert the help icon on the helplink */ #mw-indicator-mw-helplink a { background-image: none; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } #mw-indicator-mw-helplink a::before { filter: var(--wiki-icon-to-link-filter); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, rgba(var(--wiki-content-background-color--rgb), 0) 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color: rgba(var(--wiki-content-text-color--rgb), 0.76); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color: rgba(var(--wiki-content-text-color--rgb), 0.82); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .mw-echo-ui-notificationItemWidget { background-color: var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-unread, .mw-echo-ui-placeholderItemWidget { background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.8); } .mw-echo-ui-crossWikiUnreadFilterWidget { border-color:var(--wiki-content-border-color); } .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle { color:var(--wiki-content-text-mix-color); } .mw-echo-ui-notificationItemWidget-unread:hover, .mw-echo-ui-notificationItemWidget:hover, .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background-color:var(--wiki-content-background-color--secondary); } .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-echo-ui-notificationItemWidget-content-message-body { color:var(--wiki-content-text-mix-color); } .mw-echo-ui-notificationsListWidget:not(:hover) a, #p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new, .mw-echo-ui-notificationItemWidget-content-message-header, .mw-echo-ui-notificationItemWidget-content-actions-timestamp{ color:var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .mw-echo-ui-notificationItemWidget, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child { border-color:var(--wiki-content-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .mw-echo-ui-notificationsListWidget > .mw-echo-ui-notificationItemWidget:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); border-color:var(--wiki-content-border-color); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } .mw-echo-ui-notificationItemWidget:last-child { border-bottom:1px solid var(--wiki-content-border-color); } .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { background-color:var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-icon{ filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color:var(--wiki-accent-color); } .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { background-color:var(--wiki-content-background-color); } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color:var(--wiki-accent-color--hover); } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { background-color:var(--wiki-content-background-color--secondary); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color:rgba(var(--wiki-accent-color--rgb), 0.1); color:var(--wiki-accent-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted, .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted{ background-color:rgba(var(--wiki-accent-color--rgb), 0.2); color:var(--wiki-accent-color); } .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count { color:var(--wiki-accent-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /************************* * End Vector theme fixes * **************************/ /************** * Codex fixes * ***************/ /* text input */ .cdx-text-input__input:enabled { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .cdx-text-input__input:disabled { -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.25); background: var(--wiki-content-text-mix-color-95); color: rgba(var(--wiki-content-text-color--rgb), 0.25); text-shadow: none; border-color: var(--wiki-content-text-mix-color); } .cdx-text-input__input::placeholder { color:var(--wiki-content-text-mix-color); } .cdx-text-input__input:enabled:hover, .cdx-text-input__input:enabled:focus { border-color:var(--wiki-accent-color); } .cdx-text-input__input:enabled:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .cdx-text-input__input:enabled:read-only { background-color:var(--wiki-content-text-mix-color-95); } .cdx-text-input__input:enabled:read-only, .cdx-text-input__input:enabled:read-only:hover, .cdx-text-input__input:enabled:read-only:focus { border-color:var(--wiki-content-text-mix-color); box-shadow:none; } /**/ /* Buttons */ .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); color: var(--wiki-content-link-color--hover); } .cdx-button:enabled:active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-color--hover); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-content-background-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background-color: rgba(var(--wiki-accent-color--rgb), 0.75); border-color: rgba(var(--wiki-accent-color--rgb), 0.75); color: var(--wiki-accent-label-color); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color:rgba(var(--wiki-accent-color--rgb), 0.1); color: rgba(var(--wiki-accent-color--rgb), 0.9); } .cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-text-mix-color); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { background-color: rgba(var(--wiki-accent-color--rgb), 0.3); color: var(--wiki-accent-label-color); border-color: rgba(var(--wiki-accent-color--rgb), 0.3); } .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--wiki-content-link-color); } } /**/ /* Checkboxes */ .cdx-checkbox__icon { background-color:rgba(var(--wiki-accent-color--rgb),0.05); } .cdx-checkbox__input:enabled + .cdx-checkbox__icon { border-color: rgba(var(--wiki-accent-color--rgb),0.75); } .cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); } .cdx-checkbox__input:enabled:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-accent-color--rgb), 0.7); border-color: rgba(var(--wiki-accent-color--rgb), 0.7); } .cdx-checkbox__input:enabled:focus:not(:active) + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-accent-color--rgb), 0.7); border-color: rgba(var(--wiki-accent-color--rgb), 0.7); } .cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon { box-shadow: inset 0 0 0 1px var(--wiki-accent-color), inset 0 0 0 2px var(--wiki-accent-label-color); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled + .cdx-checkbox__icon { border-color: rgba(var(--wiki-alert-color--rgb), 0.75); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon { border-color: rgba(var(--wiki-alert-color--rgb), 0.9); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-alert-color--rgb), 0.75); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon { background-color: var(--wiki-alert-color); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon { background-color: rgba(var(--wiki-alert-color--rgb), 0.9); border-color: rgba(var(--wiki-alert-color--rgb), 0.9); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-alert-color--rgb), 0.75); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon { background-color: var(--wiki-alert-color); border-color: var(--wiki-accent-color); } .cdx-checkbox__input:disabled + .cdx-checkbox__icon { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .cdx-checkbox__input:disabled ~ .cdx-checkbox__label { color: var(--wiki-content-text-mix-color); } .cdx-checkbox__input:checked:not(:indeterminate) + .cdx-checkbox__icon::before { background:var(--wiki-accent-label-color); position:absolute; width:100%; height:100%; --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%2523fff' d='M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z'/%3E%3C/svg%3E"); --mask-size: 1.1428571em 1.1428571em; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask-image: var(--mask-image); mask-image: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); } /**/ /* Switches */ .cdx-toggle-switch__switch { background-color:var(--wiki-content-background-color); border-color:rgba(var(--wiki-content-dynamic-color--rgb), 0.65); } .cdx-toggle-switch__input:enabled ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip, .cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip { background-color:var(--wiki-accent-color); border-color:var(--wiki-accent-color); } .cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch, .cdx-toggle-switch__input:enabled:focus:not(:active) ~ .cdx-toggle-switch__switch{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-accent-color); } .cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch { background-color:var(--wiki-accent-color); border-color:var(--wiki-accent-label-color); } .cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip, .cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch::before, .cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{ border-color:var(--wiki-accent-label-color); } .cdx-toggle-switch__input:enabled:checked:hover ~ .cdx-toggle-switch__switch, .cdx-toggle-switch__input:enabled:checked:focus ~ .cdx-toggle-switch__switch{ background-color: rgba(var(--wiki-accent-color--rgb), 0.75); border-color: rgba(var(--wiki-accent-color--rgb), 0.75); } /**/ /* Tabs */ .ext-wc-editor .cdx-tabs--framed .cdx-tabs__header { background-color:var(--wiki-content-background-color--secondary); border-bottom:1px solid var(--wiki-accent-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected="true"], .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected="true"]:hover { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:enabled:hover { background-color: rgba(var(--wiki-accent-color--rgb), 0.75); color:var(--wiki-accent-label-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:focus-visible, .cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item:focus-visible { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } /**/ /* Menus */ .cdx-menu { background-color: var(--wiki-content-background-color); border-color: 1px solid var(--wiki-content-border-color); box-shadow: 0 2px 2px rgba(var(--wiki-content-dynamic-color--inverted--rgb,.2)); } .cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content { color: var(--wiki-content-text-color); } .cdx-menu-item--enabled.cdx-menu-item--highlighted { background-color: rgba(var(--wiki-accent-color--rgb), 0.2); } .cdx-menu-item--enabled.cdx-menu-item--selected { background-color:var(--wiki-content-background-color--secondary); } .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted, .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content, .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description, .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content, .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{ color:var(--wiki-accent-color); } /**/ /* Progress bar */ .cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar { background-color: var(--wiki-accent-color); } .cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block { background-color: var(--wiki-content-background-color); } .cdx-progress-bar:not(.cdx-progress-bar--inline) { border-color: rgba(var(--wiki-accent-color--rgb), 0.5); } /**/ /* Cards */ .cdx-card { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .cdx-card__text__title { color: var(--wiki-heading-color); } .cdx-card__text__description, .cdx-card__text__supporting-text, .cdx-card__text__description .cdx-icon, .cdx-card__text__supporting-text .cdx-icon { color: var(--wiki-content-text-color); } /**/ /* Messages */ .cdx-message { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); border-color:var(--wiki-content-border-color); } .cdx-message__icon { filter:var(--wiki-icon-general-filter); } /**/ .cdx-icon svg { fill:var(--wiki-content-link-color); } /************ * End codex * *************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow: inset 0 -1px 0 rgba(var(--wiki-content-border-color--rgb),0.5); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.75); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.78); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: rgba(var(--wiki-content-link-color--rgb),0.1); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow: 0 0 0 1px rgba(var(--wiki-content-link-color--rgb), 0.2); background-color: rgba(var(--wiki-content-link-color--rgb), 0.1); } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: rgba(var(--wiki-content-dynamic-color--rgb),0.05); } .ve-ce-languageAnnotation { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.2); border-color:var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: rgba(var(--wiki-accent-color--rgb),0.1); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.5); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color: rgba(var(--wiki-content-text-color--rgb),0.8); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color: rgba(var(--wiki-content-text-color--rgb),0.6); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color: rgba(var(--wiki-content-link-color--rgb),0.2); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color: rgba(var(--wiki-success-color--rgb),0.2); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: rgba(var(--wiki-warning-color--rgb),0.2); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:rgba(var(--wiki-alert-color--rgb),0.2); } /****************** * End AbuseFilter * *******************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color: rgba(var(--wiki-content-text-color--rgb), 0.95); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color:rgba(var(--wiki-warning-color--rgb),0.1); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color:rgba(var(--wiki-warning-color--rgb),0.4); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height:unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height:calc( 80px /*card height*/ + 10px /*card margin*/ + 1em /*container padding*/ + 0.3em /*card-list margin*/ + 0.8em /*h2 font-size*/ + 1em /*h2 padding*/ + 0.6em /*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color:var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color: rgba(var(--wiki-content-border-color--rgb),0.2); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color:var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color:var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color:var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color:rgba(var(--wiki-content-text-color--rgb), 0.5); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position:relative; background-image:none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: rgba(var(--wiki-content-text-color--rgb), 0.75); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom:1px solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right:1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow: 0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px 1px rgba(var(--wiki-content-border-color--rgb),0.05); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color:var(--wiki-content-background-color); color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color:var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,transparent,var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color:var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color:var(--wiki-content-background-color); } .popups-icon { position:relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em,20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image:none; } .popups-icon::after { position:absolute; width:100%; height:100%; top:0; left:0; content:''; -webkit-mask-image:var(--mask-image, none); mask-image:var(--mask-image, none); -webkit-mask-repeat:var(--mask-repeat, no-repeat); mask-repeat:var(--mask-repeat, no-repeat); -webkit-mask-size:var(--mask-size, calc(max(1.4285714em,20px))); mask-size:var(--mask-size, calc(max(1.4285714em,20px))); -webkit-mask-position:var(--mask-position, center); mask-position:var(--mask-position, center); background-color:var(--mask-color, currentColor); background-color:var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-data-after-content { margin-left:0; } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: scroll; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: 1px; border-right-width: 1px; margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; word-break:break-all; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ /********************************************************************/ /* Center the wiki's logo at the top of the page, above the content */ /* This is intended to work with the wiki.gg default loadout, */ /* and may not work if your wiki modifies or deviates from that */ /********************************************************************/ /* Copy this CSS to the **bottom** of your wiki's vector.css file. */ /********************************************************************/ /* Follow the instructions below to edit the needed variables */ /********************************************************************/ @media screen and ( min-width: 721px ) { :root { /**********************************/ /* REQUIRED to set */ /**********************************/ /*! CHANGE TO YOUR LOGO FILE'S DIMENSIONS IN PX !*/ --wiki-logo-file-width: 1608; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 500; /* Height of the image file in px. Put a number without the letters `px`. */ /*! CHANGE TO THE HEIGHT THE LOGO SHOULD BE SHOWN AT ON DESKTOPS !*/ --wiki-logo-height: 110px; /**********************************/ /* optional to set */ /**********************************/ /*! OPTIONAL MARGIN AROUND THE LOGO - CHANGE IF NEEDED, THE MARGIN AREA WON'T LINK TO THE MAIN PAGE !*/ --wiki-logo-margin: 14px; /**********************************/ /* probably don't modify */ /**********************************/ --wiki-navigation-height: 2.5em; /**********************************/ /* do NOT modify these */ /**********************************/ --wiki-logo-ratio: calc( var(--wiki-logo-file-width) / var(--wiki-logo-file-height) ) ; --wiki-logo-width: calc(var(--wiki-logo-ratio) * var(--wiki-logo-height)); --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2)); --wiki-topLogo-gadget-is-active: 1; /* this is used by other gadgets for compatibility */ --wiki-viewportWidth-and-noSidebar-gadgets-are-active:calc(var(--wiki-viewportWidth-gadget-is-active,0) * var(--wiki-noSidebar-gadget-is-active,0)); } #mw-panel { position:relative; top:0; margin-top:0; } #mw-head-base, #mw-page-base { height:calc(var(--wiki-navigation-height) + 0.5em); } #mw-page-base { height: var(--wiki-head-height); padding-top:var(--wikigg-header-height); } #mw-head-base { margin-top:-0.5em; } #left-navigation, #right-navigation { margin-top:calc(var(--wiki-head-height) + var(--wikigg-header-height)); } #mw-navigation #mw-panel div#p-logo { position:absolute; top:calc(0px - var(--wiki-head-height) - var(--wiki-navigation-height)); /* The --wiki-content-reduced-max-width is from Gadget:viewportWidth */ /* the rule below is written such that if that gadget is not in use, left is 50vw, */ /* but some more math is needed if it is */ left:max(max( calc((0px - ((100vw - min(var(--wiki-content-reduced-max-width,0px), 100vw)) / 2) + 50vw) /* <-- actual measurement | conditional checking --> */ * var(--wiki-viewportWidth-gadget-is-active,0)), /* this one should be selected if viewportWidth and noSidebar are both active */ calc(50vw /* <-- actual measurement | conditional checking --> */ - (((var(--wiki-noSidebar-gadget-is-active,99) - 1) + var(--wiki-viewportWidth-gadget-is-active,0)) * 99vw)) /* this one should be selected if only noSidebar is active */ ), calc(50vw /* <-- actual measurement | conditional checking --> */ - ((var(--wiki-viewportWidth-gadget-is-active,0) + var(--wiki-noSidebar-gadget-is-active,0)) * 99vw)) /* this one should be selected if both viewportWidth and noSidebar are not active */ ); transform:translateX(-50%); margin-top:var(--wiki-logo-margin); margin-bottom:var(--wiki-logo-margin); } #p-logo, #p-logo a { width:var(--wiki-logo-width); height:var(--wiki-logo-height); } } c42647168c88a6b915a277cf6e72ef8297267d7e 0 239 368 330 2024-12-11T05:38:41Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Vermis Malum | id = about<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> }} <p>[[File:Site-logo.png|center|360px|link=]]</p> Vermis Malum is a Digital Horror Youtube series by [[Volrusk]]. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets. Per the Night Mind Index, "In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born". <div style="text-align:right">[[Vermis Malum|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 89666bdf20b85c54a0ae68047eaf67bc96fc05b0 369 368 2024-12-11T08:04:45Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Vermis Malum | id = about<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> }} <p>[[File:Series_Logo.png|center|360px|link=]]</p> Vermis Malum is a Digital Horror Youtube series by [[Volrusk]]. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets. Per the Night Mind Index, "In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born". <div style="text-align:right">[[Vermis Malum|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> b08f69ce0d3b36f1e6c00986be39418b928e5f4f 372 369 2024-12-11T08:09:02Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Vermis Malum | id = about<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> }} <p>[[File:SeriesLogo.png|center|360px|link=]]</p> Vermis Malum is a Digital Horror Youtube series by [[Volrusk]]. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets. Per the Night Mind Index, "In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born". <div style="text-align:right">[[Vermis Malum|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 8c0d389f2e3bc6d773719c600c4faaa6962f295c 6 286 371 2024-12-11T08:08:52Z Xrystalwish 555517 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 287 373 2024-12-11T08:12:00Z Xrystalwish 555517 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 246 374 336 2024-12-11T08:22:26Z Xrystalwish 555517 Xrystalwish uploaded a new version of [[File:Site-logo.png]] wikitext text/x-wiki == Summary == The in-game logo for Vermis Malum. == Licensing == {{License|game}} 0484eb1f10dd40d56e8cdfd20e192c045c97954e 0 269 377 299 2024-12-17T06:26:18Z Xrystalwish 555517 wikitext text/x-wiki {{DISPLAYTITLE: VERMIS MALUM (series)}} [[File:SeriesLogo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''VERMIS MALUM''') is a digital horror web video series [https://www.youtube.com/@Volrusk published on YouTube] and created by [[Volrusk]]. Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the [https://www.nightmind.info/horrorproj Night Mind Index]: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:purple; color:#3a3a3a;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum (Episode)]]''' [[File:VermisMalumThumbnail.jpg|180px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|VPXdSLzp-kc|240|center}} |N/A |'''[[Electric Sheep]]''' [[File:ElectricSheepThumbnail.jpg|180px|link=Electric Sheep]] | May 12th, 2024 (YouTube) |- |3 |{{#ev:youtube|y-WEExu7VvU|240|center}} |N/A |'''[[Bad Seed]]''' [[File:BadSeedThumbnail.jpg|180px|link=Bad Seed]] |May 24th, 2024 (YouTube) |- |4 |{{#ev:youtube|XJ2nbWHmxgc|240|center}} |N/A |'''[[Random Walk]]''' [[File:RandomWalkThunbnail.jpg|180px|link=Random Walk]] |June 30th, 2024 (YouTube) |- |5 |{{#ev:youtube|4CMjs8xgxuc|240|center}} |[[File:HG1.webp|90px]] [[File:HG2.webp|90px]] [[File:HG3.webp|90px]] |'''[[Hungry Ghosts]]''' [[File:HungryGhostsThumbnail.jpg|180px|link=Random Walk]] |August 24th, 2024 (YouTube) |- |6 |{{#ev:youtube|uja7P9NzzAY|240|center}} |[[File:EN1.webp|90px]] [[File:EN2.webp|90px]] [[File:EN3.webp|90px]] |'''[[Ex Nihilo]]''' [[File:ExnihiloThumbnail.jpg|180px|link=Ex Nihilo]] |October 1st, 2024 (YouTube) |- |7 |{{#ev:youtube|6_2Pw31ho6Y|240|center}} |[[File:CI1.webp|90px]] [[File:CI2.webp|90px]] [[File:CI3.webp|90px]] |'''[[Cyclic Inheritance]]''' [[File:CyclicInheritanceThumbnail.jpg|180px|link=Cyclic Inheritance]] |October 29th, 2024 (YouTube) |- |8 |{{#ev:youtube|nN-S2coUltc|240|center}} |[[File:O1.webp|90px]] [[File:O2.webp|90px]] [[File:O3.webp|90px]] |'''[[Orphan]]''' [[File:OrphanThumbnail.jpg|180px|link=Orphan (Episode)]] |November 24th, 2024 (YouTube) |} </div> ==Development== ===Disk 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled [[Vermis Malum (Episode)]] and [[Electric Sheep]], were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, [[Bad Seed]]. On May 31st, the series description was posted to [https://www.nightmind.info/horrorproj Night Mind's Horror Project Index] by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, [[Random Walk]]. During the month of August, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxKwKyjwX6_HWnKfyq8z-KInBju1c2x84j three images were teased] for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, [[Hungry Ghosts]]. During the month of September, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxITtEFtoCkE28fl6wFj4nt_VmPmvuQV11 three images were teased] for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, [[Ex Nihilo]]. On October 26th, [https://www.youtube.com/post/UgkxVDBn98R2RDDMpVWqFm-3Pb45Zfj132RG three images were teased] for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, [[Cyclic Inheritance]]. On November 2nd, Volrusk’s username updated from vermis malum to [[Volrusk]], and [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs uploaded a Community post], discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the [[ https://discord.gg/Y54WfABH9q|Official Volrusk Discord]]. On November 18th, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs three images were teased] for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, [[Orphan]]. ==Trivia== The episodes of Disk 1 follow a 2-word naming convention, usually inspired by a computer programming term or reference to machine learning. This convention is broken by the eighth installment, Orphan. As it stands, Vermis Malum is incomplete, and will encompass more episodes in [[Disk 1]] and further content in later seasons. ==References== <references /> [[Category:Episodes]] a0b428f136529164a98de313af11511b25c8c160 380 377 2024-12-17T06:32:06Z Xrystalwish 555517 wikitext text/x-wiki {{DISPLAYTITLE: VERMIS MALUM (series)}} [[File:SeriesLogo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''VERMIS MALUM''') is a digital horror web video series [https://www.youtube.com/@Volrusk published on YouTube] and created by [[Volrusk]]. Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the [https://www.nightmind.info/horrorproj Night Mind Index]: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:purple; color:#3a3a3a;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum (Episode)]]''' <br> [[File:VermisMalumThumbnail.jpg|180px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|VPXdSLzp-kc|240|center}} |N/A |'''[[Electric Sheep]]''' <br> [[File:ElectricSheepThumbnail.jpg|180px|link=Electric Sheep]] | May 12th, 2024 (YouTube) |- |3 |{{#ev:youtube|y-WEExu7VvU|240|center}} |N/A |'''[[Bad Seed]]''' <br> [[File:BadSeedThumbnail.jpg|180px|link=Bad Seed]] |May 24th, 2024 (YouTube) |- |4 |{{#ev:youtube|XJ2nbWHmxgc|240|center}} |N/A |'''[[Random Walk]]''' <br> [[File:RandomWalkThunbnail.jpg|180px|link=Random Walk]] |June 30th, 2024 (YouTube) |- |5 |{{#ev:youtube|4CMjs8xgxuc|240|center}} |[[File:HG1.webp|90px]] [[File:HG2.webp|90px]] [[File:HG3.webp|90px]] |'''[[Hungry Ghosts]]''' <br> [[File:HungryGhostsThumbnail.jpg|180px|link=Random Walk]] |August 24th, 2024 (YouTube) |- |6 |{{#ev:youtube|uja7P9NzzAY|240|center}} |[[File:EN1.webp|90px]] [[File:EN2.webp|90px]] [[File:EN3.webp|90px]] |'''[[Ex Nihilo]]''' <br> [[File:ExnihiloThumbnail.jpg|180px|link=Ex Nihilo]] |October 1st, 2024 (YouTube) |- |7 |{{#ev:youtube|6_2Pw31ho6Y|240|center}} |[[File:CI1.webp|90px]] [[File:CI2.webp|90px]] [[File:CI3.webp|90px]] |'''[[Cyclic Inheritance]]''' <br> [[File:CyclicInheritanceThumbnail.jpg|180px|link=Cyclic Inheritance]] |October 29th, 2024 (YouTube) |- |8 |{{#ev:youtube|nN-S2coUltc|240|center}} |[[File:O1.webp|90px]] [[File:O2.webp|90px]] [[File:O3.webp|90px]] |'''[[Orphan]]''' <br> [[File:OrphanThumbnail.jpg|180px|link=Orphan (Episode)]] |November 24th, 2024 (YouTube) |} </div> ==Development== ===Disk 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled [[Vermis Malum (Episode)]] and [[Electric Sheep]], were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, [[Bad Seed]]. On May 31st, the series description was posted to [https://www.nightmind.info/horrorproj Night Mind's Horror Project Index] by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, [[Random Walk]]. During the month of August, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxKwKyjwX6_HWnKfyq8z-KInBju1c2x84j three images were teased] for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, [[Hungry Ghosts]]. During the month of September, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxITtEFtoCkE28fl6wFj4nt_VmPmvuQV11 three images were teased] for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, [[Ex Nihilo]]. On October 26th, [https://www.youtube.com/post/UgkxVDBn98R2RDDMpVWqFm-3Pb45Zfj132RG three images were teased] for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, [[Cyclic Inheritance]]. On November 2nd, Volrusk’s username updated from vermis malum to [[Volrusk]], and [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs uploaded a Community post], discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the [[ https://discord.gg/Y54WfABH9q|Official Volrusk Discord]]. On November 18th, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs three images were teased] for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, [[Orphan]]. ==Trivia== The episodes of Disk 1 follow a 2-word naming convention, usually inspired by a computer programming term or reference to machine learning. This convention is broken by the eighth installment, Orphan. As it stands, Vermis Malum is incomplete, and will encompass more episodes in [[Disk 1]] and further content in later seasons. ==References== <references /> [[Category:Episodes]] 692ba58e6dfa9d425e531f9b9c420813225618d4 381 380 2024-12-17T06:32:47Z Xrystalwish 555517 wikitext text/x-wiki {{DISPLAYTITLE: VERMIS MALUM (series)}} [[File:SeriesLogo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''VERMIS MALUM''') is a digital horror web video series [https://www.youtube.com/@Volrusk published on YouTube] and created by [[Volrusk]]. Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the [https://www.nightmind.info/horrorproj Night Mind Index]: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:black; color:#FFFFFF;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum (Episode)]]''' <br> [[File:VermisMalumThumbnail.jpg|180px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|VPXdSLzp-kc|240|center}} |N/A |'''[[Electric Sheep]]''' <br> [[File:ElectricSheepThumbnail.jpg|180px|link=Electric Sheep]] | May 12th, 2024 (YouTube) |- |3 |{{#ev:youtube|y-WEExu7VvU|240|center}} |N/A |'''[[Bad Seed]]''' <br> [[File:BadSeedThumbnail.jpg|180px|link=Bad Seed]] |May 24th, 2024 (YouTube) |- |4 |{{#ev:youtube|XJ2nbWHmxgc|240|center}} |N/A |'''[[Random Walk]]''' <br> [[File:RandomWalkThunbnail.jpg|180px|link=Random Walk]] |June 30th, 2024 (YouTube) |- |5 |{{#ev:youtube|4CMjs8xgxuc|240|center}} |[[File:HG1.webp|90px]] [[File:HG2.webp|90px]] [[File:HG3.webp|90px]] |'''[[Hungry Ghosts]]''' <br> [[File:HungryGhostsThumbnail.jpg|180px|link=Random Walk]] |August 24th, 2024 (YouTube) |- |6 |{{#ev:youtube|uja7P9NzzAY|240|center}} |[[File:EN1.webp|90px]] [[File:EN2.webp|90px]] [[File:EN3.webp|90px]] |'''[[Ex Nihilo]]''' <br> [[File:ExnihiloThumbnail.jpg|180px|link=Ex Nihilo]] |October 1st, 2024 (YouTube) |- |7 |{{#ev:youtube|6_2Pw31ho6Y|240|center}} |[[File:CI1.webp|90px]] [[File:CI2.webp|90px]] [[File:CI3.webp|90px]] |'''[[Cyclic Inheritance]]''' <br> [[File:CyclicInheritanceThumbnail.jpg|180px|link=Cyclic Inheritance]] |October 29th, 2024 (YouTube) |- |8 |{{#ev:youtube|nN-S2coUltc|240|center}} |[[File:O1.webp|90px]] [[File:O2.webp|90px]] [[File:O3.webp|90px]] |'''[[Orphan]]''' <br> [[File:OrphanThumbnail.jpg|180px|link=Orphan (Episode)]] |November 24th, 2024 (YouTube) |} </div> ==Development== ===Disk 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled [[Vermis Malum (Episode)]] and [[Electric Sheep]], were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, [[Bad Seed]]. On May 31st, the series description was posted to [https://www.nightmind.info/horrorproj Night Mind's Horror Project Index] by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, [[Random Walk]]. During the month of August, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxKwKyjwX6_HWnKfyq8z-KInBju1c2x84j three images were teased] for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, [[Hungry Ghosts]]. During the month of September, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxITtEFtoCkE28fl6wFj4nt_VmPmvuQV11 three images were teased] for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, [[Ex Nihilo]]. On October 26th, [https://www.youtube.com/post/UgkxVDBn98R2RDDMpVWqFm-3Pb45Zfj132RG three images were teased] for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, [[Cyclic Inheritance]]. On November 2nd, Volrusk’s username updated from vermis malum to [[Volrusk]], and [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs uploaded a Community post], discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the [[ https://discord.gg/Y54WfABH9q|Official Volrusk Discord]]. On November 18th, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs three images were teased] for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, [[Orphan]]. ==Trivia== The episodes of Disk 1 follow a 2-word naming convention, usually inspired by a computer programming term or reference to machine learning. This convention is broken by the eighth installment, Orphan. As it stands, Vermis Malum is incomplete, and will encompass more episodes in [[Disk 1]] and further content in later seasons. ==References== <references /> [[Category:Episodes]] 8034fe3020040857d1214735e1c358935e1d5a3c 382 381 2024-12-17T06:36:23Z Xrystalwish 555517 wikitext text/x-wiki {{DISPLAYTITLE: VERMIS MALUM (series)}} [[File:SeriesLogo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''VERMIS MALUM''') is a digital horror web video series [https://www.youtube.com/@Volrusk published on YouTube] and created by [[Volrusk]]. Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the [https://www.nightmind.info/horrorproj Night Mind Index]: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:black; color:#FFFFFF;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum (Episode)]]''' <br> [[File:VermisMalumThumbnail.jpg|180px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|VPXdSLzp-kc|240|center}} |N/A |'''[[Electric Sheep]]''' <br> [[File:ElectricSheepThumbnail.jpg|180px|link=Electric Sheep]] | May 12th, 2024 (YouTube) |- |3 |{{#ev:youtube|y-WEExu7VvU|240|center}} |N/A |'''[[Bad Seed]]''' <br> [[File:BadSeedThumbnail.jpg|180px|link=Bad Seed]] |May 24th, 2024 (YouTube) |- |4 |{{#ev:youtube|XJ2nbWHmxgc|240|center}} |N/A |'''[[Random Walk]]''' <br> [[File:RandomWalkThunbnail.jpg|180px|link=Random Walk]] |June 30th, 2024 (YouTube) |- |5 |{{#ev:youtube|4CMjs8xgxuc|240|center}} |[[File:HG1.webp|90px]] [[File:HG2.webp|90px]] [[File:HG3.webp|90px]] |'''[[Hungry Ghosts]]''' <br> [[File:HungryGhostsThumbnail.jpg|180px|link=Random Walk]] |August 24th, 2024 (YouTube) |- |6 |{{#ev:youtube|uja7P9NzzAY|240|center}} |[[File:EN1.webp|90px]] [[File:EN2.webp|90px]] [[File:EN3.webp|90px]] |'''[[Ex Nihilo]]''' <br> [[File:ExnihiloThumbnail.jpg|180px|link=Ex Nihilo]] |October 1st, 2024 (YouTube) |- |7 |{{#ev:youtube|6_2Pw31ho6Y|240|center}} |[[File:CI1.webp|90px]] [[File:CI2.webp|90px]] [[File:CI3.webp|90px]] |'''[[Cyclic Inheritance]]''' <br> [[File:CyclicInheritanceThumbnail.jpg|180px|link=Cyclic Inheritance]] |October 29th, 2024 (YouTube) |- |8 |{{#ev:youtube|nN-S2coUltc|240|center}} |[[File:O1.webp|90px]] [[File:O2.webp|90px]] [[File:O3.webp|90px]] |'''[[Orphan]]''' <br> [[File:OrphanThumbnail.jpg|180px|link=Orphan (Episode)]] |November 24th, 2024 (YouTube) |} </div> ==Development== ===Disk 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled [[Vermis Malum (Episode)]] and [[Electric Sheep]], were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, [[Bad Seed]]. On May 31st, the series description was posted to [https://www.nightmind.info/horrorproj Night Mind's Horror Project Index] by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, [[Random Walk]]. During the month of August, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxKwKyjwX6_HWnKfyq8z-KInBju1c2x84j three images were teased] for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, [[Hungry Ghosts]]. During the month of September, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxITtEFtoCkE28fl6wFj4nt_VmPmvuQV11 three images were teased] for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, [[Ex Nihilo]]. On October 26th, [https://www.youtube.com/post/UgkxVDBn98R2RDDMpVWqFm-3Pb45Zfj132RG three images were teased] for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, [[Cyclic Inheritance]]. On November 2nd, Volrusk’s username updated from vermis malum to [[Volrusk]], and [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs uploaded a Community post], discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the [[https://discord.gg/Y54WfABH9q|Official Volrusk Discord]]. On November 18th, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs three images were teased] for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, [[Orphan]]. ==Trivia== The episodes of Disk 1 follow a 2-word naming convention, usually inspired by a computer programming term or reference to machine learning. This convention is broken by the eighth installment, Orphan. As it stands, Vermis Malum is incomplete, and will encompass more episodes in [[Disk 1]] and further content in later seasons. ==References== <references /> [[Category:Episodes]] 4405a7cb764139f5c183ec3e7b22520ad6023687 383 382 2024-12-17T06:36:40Z Xrystalwish 555517 wikitext text/x-wiki {{DISPLAYTITLE: VERMIS MALUM (series)}} [[File:SeriesLogo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''VERMIS MALUM''') is a digital horror web video series [https://www.youtube.com/@Volrusk published on YouTube] and created by [[Volrusk]]. Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the [https://www.nightmind.info/horrorproj Night Mind Index]: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:black; color:#FFFFFF;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum (Episode)]]''' <br> [[File:VermisMalumThumbnail.jpg|180px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|VPXdSLzp-kc|240|center}} |N/A |'''[[Electric Sheep]]''' <br> [[File:ElectricSheepThumbnail.jpg|180px|link=Electric Sheep]] | May 12th, 2024 (YouTube) |- |3 |{{#ev:youtube|y-WEExu7VvU|240|center}} |N/A |'''[[Bad Seed]]''' <br> [[File:BadSeedThumbnail.jpg|180px|link=Bad Seed]] |May 24th, 2024 (YouTube) |- |4 |{{#ev:youtube|XJ2nbWHmxgc|240|center}} |N/A |'''[[Random Walk]]''' <br> [[File:RandomWalkThunbnail.jpg|180px|link=Random Walk]] |June 30th, 2024 (YouTube) |- |5 |{{#ev:youtube|4CMjs8xgxuc|240|center}} |[[File:HG1.webp|90px]] [[File:HG2.webp|90px]] [[File:HG3.webp|90px]] |'''[[Hungry Ghosts]]''' <br> [[File:HungryGhostsThumbnail.jpg|180px|link=Random Walk]] |August 24th, 2024 (YouTube) |- |6 |{{#ev:youtube|uja7P9NzzAY|240|center}} |[[File:EN1.webp|90px]] [[File:EN2.webp|90px]] [[File:EN3.webp|90px]] |'''[[Ex Nihilo]]''' <br> [[File:ExnihiloThumbnail.jpg|180px|link=Ex Nihilo]] |October 1st, 2024 (YouTube) |- |7 |{{#ev:youtube|6_2Pw31ho6Y|240|center}} |[[File:CI1.webp|90px]] [[File:CI2.webp|90px]] [[File:CI3.webp|90px]] |'''[[Cyclic Inheritance]]''' <br> [[File:CyclicInheritanceThumbnail.jpg|180px|link=Cyclic Inheritance]] |October 29th, 2024 (YouTube) |- |8 |{{#ev:youtube|nN-S2coUltc|240|center}} |[[File:O1.webp|90px]] [[File:O2.webp|90px]] [[File:O3.webp|90px]] |'''[[Orphan]]''' <br> [[File:OrphanThumbnail.jpg|180px|link=Orphan (Episode)]] |November 24th, 2024 (YouTube) |} </div> ==Development== ===Disk 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled [[Vermis Malum (Episode)]] and [[Electric Sheep]], were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, [[Bad Seed]]. On May 31st, the series description was posted to [https://www.nightmind.info/horrorproj Night Mind's Horror Project Index] by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, [[Random Walk]]. During the month of August, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxKwKyjwX6_HWnKfyq8z-KInBju1c2x84j three images were teased] for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, [[Hungry Ghosts]]. During the month of September, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxITtEFtoCkE28fl6wFj4nt_VmPmvuQV11 three images were teased] for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, [[Ex Nihilo]]. On October 26th, [https://www.youtube.com/post/UgkxVDBn98R2RDDMpVWqFm-3Pb45Zfj132RG three images were teased] for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, [[Cyclic Inheritance]]. On November 2nd, Volrusk’s username updated from vermis malum to [[Volrusk]], and [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs uploaded a Community post], discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the [https://discord.gg/Y54WfABH9q|Official Volrusk Discord]. On November 18th, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs three images were teased] for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, [[Orphan]]. ==Trivia== The episodes of Disk 1 follow a 2-word naming convention, usually inspired by a computer programming term or reference to machine learning. This convention is broken by the eighth installment, Orphan. As it stands, Vermis Malum is incomplete, and will encompass more episodes in [[Disk 1]] and further content in later seasons. ==References== <references /> [[Category:Episodes]] dd992e3b185e2f1b763b2beb2c8e1668a4086310 0 241 378 335 2024-12-17T06:28:39Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = External links | id = external<!-- don't edit this line if you just made this page and it says {{subst:SUBPAGENAME}}. Do edit it if you move this page later, to reflect the new subpage name --> }} <div class="mp-links columns-1"> * {{MP link|Vermis Malum (Series)|link=https://vermismalum.wiki.gg/wiki/Vermis_Malum|image=SeriesLogo.png|size-500x500px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 86d9e30113eb39873cf46e5f84ac1589af7fb520 379 378 2024-12-17T06:29:17Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = External links | id = external<!-- don't edit this line if you just made this page and it says {{subst:SUBPAGENAME}}. Do edit it if you move this page later, to reflect the new subpage name --> }} <div class="mp-links columns-2"> * {{MP link|Vermis Malum (Series)|link=https://vermismalum.wiki.gg/wiki/Vermis_Malum|image=SeriesLogo.png|size-500x500px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 7700c87bb9a6cacede62d0b52f53ed534a47df59 0 277 384 329 2024-12-17T06:41:03Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. The first episode of the series! It begins with a show of an elevator, that leads to a CRT that shows the start screen for Vermis Malum. After, we are introduced to our series' protagonist, [[Lawrence]]. He finds the laptop of a former player of Vermis Malum, [[Arthur]]. ==Plot== ===Introduction=== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] Episode starts with a black screen framed with the edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] item while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an elevator scene and the scenery comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a multi-eyed monster before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= * '''[The McGuire Sisters]''' Mommy told me something, a little girl should know ♪ It’s all about the Devil, and I’ve learned to hate him so ♪ She says he causes trouble when you let him in the room ♪ He will never, ever leave you if your heart is filled with gloom ♪ So let the sun shine in, face it with a grin ♪ Smilers never lose, and frowners never win ♪ So let the sun shine in… ♪ * '''[Lawrence]''' Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still. * It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing. Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well. I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me. It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately. Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it. You know how I was telling you about that noise I've been hearing above my room the past couple nights? Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called. I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. I looked around a bit, no leaks, but I did find this. It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess. Maybe you didn't. But let me know. What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?” So I opened it. It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though. I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about. But it does work. Also, when I loaded it the first time, the CD drive opened. There's this disc inside. So that's all. Pretty cool, right? What do you think I should do with it? I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything. I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance. Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on It's okay, though. I mean, making these for each other helps. Okay talk to you soon, alright? Bye. </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 385c52ac3de825f6ba60c612843d00105601fe34 385 384 2024-12-17T06:41:42Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. The first episode of the series! It begins with a show of an elevator, that leads to a CRT that shows the start screen for Vermis Malum. After, we are introduced to our series' protagonist, [[Lawrence]]. He finds the laptop of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] ===Introduction=== Episode starts with a black screen framed with the edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] item while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an elevator scene and the scenery comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a multi-eyed monster before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= * '''[The McGuire Sisters]''' Mommy told me something, a little girl should know ♪ It’s all about the Devil, and I’ve learned to hate him so ♪ She says he causes trouble when you let him in the room ♪ He will never, ever leave you if your heart is filled with gloom ♪ So let the sun shine in, face it with a grin ♪ Smilers never lose, and frowners never win ♪ So let the sun shine in… ♪ * '''[Lawrence]''' Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still. * It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing. Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well. I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me. It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately. Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it. You know how I was telling you about that noise I've been hearing above my room the past couple nights? Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called. I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. I looked around a bit, no leaks, but I did find this. It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess. Maybe you didn't. But let me know. What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?” So I opened it. It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though. I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about. But it does work. Also, when I loaded it the first time, the CD drive opened. There's this disc inside. So that's all. Pretty cool, right? What do you think I should do with it? I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything. I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance. Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on It's okay, though. I mean, making these for each other helps. Okay talk to you soon, alright? Bye. </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] f535a8db3e93a97235df4583bd46191f4794a6cd 386 385 2024-12-17T06:46:48Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. The first episode of the series. It begins with a shot of an elevator that leads to a CRT that shows the start screen for Vermis Malum. After, we are introduced to our series' protagonist, [[Lawrence]]. He finds the laptop of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] ===Introduction=== Episode starts with a black screen framed with the edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] item while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an elevator scene and the scenery comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a multi-eyed monster before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= * '''[The McGuire Sisters]''' Mommy told me something, a little girl should know ♪ It’s all about the Devil, and I’ve learned to hate him so ♪ She says he causes trouble when you let him in the room ♪ He will never, ever leave you if your heart is filled with gloom ♪ So let the sun shine in, face it with a grin ♪ Smilers never lose, and frowners never win ♪ So let the sun shine in… ♪ * '''[Lawrence]''' Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still. * It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing. Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well. I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me. It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately. Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it. You know how I was telling you about that noise I've been hearing above my room the past couple nights? Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called. I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. I looked around a bit, no leaks, but I did find this. It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess. Maybe you didn't. But let me know. What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?” So I opened it. It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though. I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about. But it does work. Also, when I loaded it the first time, the CD drive opened. There's this disc inside. So that's all. Pretty cool, right? What do you think I should do with it? I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything. I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance. Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on It's okay, though. I mean, making these for each other helps. Okay talk to you soon, alright? Bye. </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 7da4942da961a97c3135fcbeb3e489296b4c93c1 387 386 2024-12-17T06:47:34Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. The first episode of the series. It begins with a shot of an elevator that leads to a CRT that shows the start screen for Vermis Malum.<br> After, we are introduced to our series' protagonist, [[Lawrence]]. He finds the laptop of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] ===Introduction=== Episode starts with a black screen framed with the edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] item while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an elevator scene and the scenery comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a multi-eyed monster before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= * '''[The McGuire Sisters]''' Mommy told me something, a little girl should know ♪ It’s all about the Devil, and I’ve learned to hate him so ♪ She says he causes trouble when you let him in the room ♪ He will never, ever leave you if your heart is filled with gloom ♪ So let the sun shine in, face it with a grin ♪ Smilers never lose, and frowners never win ♪ So let the sun shine in… ♪ * '''[Lawrence]''' Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still. * It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing. Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well. I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me. It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately. Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it. You know how I was telling you about that noise I've been hearing above my room the past couple nights? Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called. I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. I looked around a bit, no leaks, but I did find this. It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess. Maybe you didn't. But let me know. What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?” So I opened it. It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though. I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about. But it does work. Also, when I loaded it the first time, the CD drive opened. There's this disc inside. So that's all. Pretty cool, right? What do you think I should do with it? I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything. I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance. Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on It's okay, though. I mean, making these for each other helps. Okay talk to you soon, alright? Bye. </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] e4976154f5c3c2897acabbdce41c34d097dcc760 388 387 2024-12-17T06:50:46Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. The first episode of the series. It begins with a shot of an elevator that leads to a CRT that shows the start screen for Vermis Malum.<br> After, we are introduced to our series' protagonist, [[Lawrence]]. He finds the laptop of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] ===Introduction=== Episode starts with a black screen framed with the edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] item while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an elevator scene and the scenery comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a multi-eyed monster before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= * '''[The McGuire Sisters]''' Mommy told me something, a little girl should know ♪ It’s all about the Devil, and I’ve learned to hate him so ♪ She says he causes trouble when you let him in the room ♪ He will never, ever leave you if your heart is filled with gloom ♪ So let the sun shine in, face it with a grin ♪ Smilers never lose, and frowners never win ♪ So let the sun shine in… ♪ * '''[Lawrence]''' Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still. * It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing. Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well. I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me. It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately. Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it. You know how I was telling you about that noise I've been hearing above my room the past couple nights? Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called. I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. I looked around a bit, no leaks, but I did find this. It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess. Maybe you didn't. But let me know. What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?” So I opened it. It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though. I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about. But it does work. Also, when I loaded it the first time, the CD drive opened. There's this disc inside. So that's all. Pretty cool, right? What do you think I should do with it? I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything. I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance. Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on It's okay, though. I mean, making these for each other helps. Okay talk to you soon, alright? Bye. </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 464d2187f3ae00856241f2f6a5bd3358962158f9 394 388 2024-12-18T04:54:39Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. ===Summary=== The titular first episode of the series. It begins with a shot of an elevator that leads to a CRT that shows the start screen for Vermis Malum, alongside gameplay footage of [[Ring I]]. <br> After, we are introduced to our series' protagonist, [[Lawrence]] as he documents his discovery of the [[laptop]] of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] ===Introduction=== The episode begins with a fade in from black to the framed edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] icon while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an [[elevator]] as the camera comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. <br>Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a [[multi-eyed monster]] before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= * '''[The McGuire Sisters]''' Mommy told me something, a little girl should know ♪ It’s all about the Devil, and I’ve learned to hate him so ♪ She says he causes trouble when you let him in the room ♪ He will never, ever leave you if your heart is filled with gloom ♪ So let the sun shine in, face it with a grin ♪ Smilers never lose, and frowners never win ♪ So let the sun shine in… ♪ * '''[Lawrence]''' Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still. * It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing. Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well. I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me. It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately. Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it. You know how I was telling you about that noise I've been hearing above my room the past couple nights? Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called. I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. I looked around a bit, no leaks, but I did find this. It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess. Maybe you didn't. But let me know. What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?” So I opened it. It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though. I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about. But it does work. Also, when I loaded it the first time, the CD drive opened. There's this disc inside. So that's all. Pretty cool, right? What do you think I should do with it? I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything. I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance. Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on It's okay, though. I mean, making these for each other helps. Okay talk to you soon, alright? Bye. </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 5df8f50bca164d867426e3fff21661a00032b0a2 397 394 2024-12-18T06:21:17Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. ===Summary=== The titular first episode of the series. It begins with a shot of an elevator that leads to a CRT that shows the start screen for Vermis Malum, alongside gameplay footage of [[Ring I]]. <br> After, we are introduced to our series' protagonist, [[Lawrence]] as he documents his discovery of the [[laptop]] of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] ===Introduction=== The episode begins with a fade in from black to the framed edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] icon while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an [[elevator]] as the camera comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. <br>Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a [[multi-eyed monster]] before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= * '''[The McGuire Sisters]''' Mommy told me something, a little girl should know ♪<br> It’s all about the Devil, and I’ve learned to hate him so ♪<br> She says he causes trouble when you let him in the room ♪<br> He will never, ever leave you if your heart is filled with gloom ♪<br> So let the sun shine in, face it with a grin ♪<br> Smilers never lose, and frowners never win ♪<br> So let the sun shine in… ♪<br> <br><br> * '''[Lawrence]''' Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still.<br> * It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing.<br> Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well.<br> I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. <br> It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me.<br> It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately.<br> Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it.<br> You know how I was telling you about that noise I've been hearing above my room the past couple nights?<br> Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called.<br> I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. <br> I looked around a bit, no leaks, but I did find this.<br><br> It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess.<br> Maybe you didn't. But let me know.<br> What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?”<br> So I opened it.<br> It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though.<br> I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about. But it does work.<br> Also, when I loaded it the first time, the CD drive opened. There's this disc inside.<br><br> So that's all. Pretty cool, right? What do you think I should do with it?<br> I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything.<br> I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance.<br> Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on.<br> It's okay, though.<br> I mean, making these for each other helps. Okay talk to you soon, alright?<br> Bye.<br> </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 061e8680f34c9da3d6a167f34fba42dd7d3755a2 398 397 2024-12-18T06:32:38Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. ===Summary=== The titular first episode of the series. It begins with a shot of an elevator that leads to a CRT that shows the start screen for Vermis Malum, alongside gameplay footage of [[Ring I]]. <br> After, we are introduced to our series' protagonist, [[Lawrence]] as he documents his discovery of the [[laptop]] of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] ===Introduction=== The episode begins with a fade in from black to the framed edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] icon while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an [[elevator]] as the camera comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. <br>Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a [[multi-eyed monster]] before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= === '''The McGuire Sisters''' === Mommy told me something, a little girl should know ♪<br> It’s all about the Devil, and I’ve learned to hate him so ♪<br> She says he causes trouble when you let him in the room ♪<br> He will never, ever leave you if your heart is filled with gloom ♪<br> So let the sun shine in, face it with a grin ♪<br> Smilers never lose, and frowners never win ♪<br> So let the sun shine in… ♪ <br> === '''Lawrence''' === Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still.<br> It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing.<br> Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well.<br> I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. <br> It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me.<br> It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately.<br> Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it.<br> You know how I was telling you about that noise I've been hearing above my room the past couple nights?<br> Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called.<br> I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. <br> I looked around a bit, no leaks, but I did find this.<br> It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess.<br> Maybe you didn't. But let me know.<br> What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?”<br> So I opened it.<br> It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though.<br> I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about.<br> But it does work.<br> Also, when I loaded it the first time, the CD drive opened. There's this disc inside.<br><br> So that's all. Pretty cool, right? What do you think I should do with it?<br> I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything.<br> I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance.<br> Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on.<br> It's okay, though.<br> I mean, making these for each other helps. Okay talk to you soon, alright? <br> Bye. <br> <br> </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 1f4b16196e6a47863802d8090f6765fdc238457a 400 398 2024-12-18T06:33:59Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | caption1=Example | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. ===Summary=== The titular first episode of the series. It begins with a shot of an elevator that leads to a CRT that shows the start screen for Vermis Malum, alongside gameplay footage of [[Ring I]]. <br> After, we are introduced to our series' protagonist, [[Lawrence]] as he documents his discovery of the [[laptop]] of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to confront a multi-eyed monster. ]] ===Introduction=== The episode begins with a fade in from black to the framed edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] icon while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an [[elevator]] as the camera comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. <br>Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a [[multi-eyed monster]] before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= === '''The McGuire Sisters''' === Mommy told me something, a little girl should know ♪<br> It’s all about the Devil, and I’ve learned to hate him so ♪<br> She says he causes trouble when you let him in the room ♪<br> He will never, ever leave you if your heart is filled with gloom ♪<br> So let the sun shine in, face it with a grin ♪<br> Smilers never lose, and frowners never win ♪<br> So let the sun shine in… ♪ <br> === '''Lawrence''' === Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still.<br> It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing.<br> Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well.<br> I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. <br> It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me.<br> It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately.<br> Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it.<br> You know how I was telling you about that noise I've been hearing above my room the past couple nights?<br> Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called.<br> I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. <br> I looked around a bit, no leaks, but I did find this.<br> It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess.<br> Maybe you didn't. But let me know.<br> What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?”<br> So I opened it.<br> It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though.<br> I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about.<br> But it does work.<br> Also, when I loaded it the first time, the CD drive opened. There's this disc inside.<br><br> So that's all. Pretty cool, right? What do you think I should do with it?<br> I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything.<br> I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance.<br> Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on.<br> It's okay, though.<br> I mean, making these for each other helps. Okay talk to you soon, alright? <br> Bye. <br> <br> </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] d502846a3aa9a0c04a422e0f484fe25965c3cd02 0 288 389 2024-12-17T06:52:33Z Xrystalwish 555517 Created page with "{{InfoboxEpisode | title=Electric Sheep | image=ElectricSheepThumbnail.jpg | caption1=2 | release_date=May 13, 2024 | Created_by=Volrusk | voice_cast= N/A | previous=[[Vermis Malum (Episode)]]<br/>[[File:VermisMalumThumbnail.jpg|30px|link=Vermis Malum (Episode)]] | next=[[BadSeed]]<br/>[[File:BadSeedThumbnail.jpg|30px|link=Bad Seed]] }} '''''Electric Sheep''''' is the second episode of the ''[[Vermis Malum]]'' web series. Placeholder Tex..." wikitext text/x-wiki {{InfoboxEpisode | title=Electric Sheep | image=ElectricSheepThumbnail.jpg | caption1=2 | release_date=May 13, 2024 | Created_by=Volrusk | voice_cast= N/A | previous=[[Vermis Malum (Episode)]]<br/>[[File:VermisMalumThumbnail.jpg|30px|link=Vermis Malum (Episode)]] | next=[[BadSeed]]<br/>[[File:BadSeedThumbnail.jpg|30px|link=Bad Seed]] }} '''''Electric Sheep''''' is the second episode of the ''[[Vermis Malum]]'' web series. Placeholder Text ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] ===Introduction=== Episode starts with a black screen framed with the edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] item while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an elevator scene and the scenery comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a multi-eyed monster before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= * '''[The McGuire Sisters]''' Mommy told me something, a little girl should know ♪ It’s all about the Devil, and I’ve learned to hate him so ♪ She says he causes trouble when you let him in the room ♪ He will never, ever leave you if your heart is filled with gloom ♪ So let the sun shine in, face it with a grin ♪ Smilers never lose, and frowners never win ♪ So let the sun shine in… ♪ * '''[Lawrence]''' Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still. * It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing. Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well. I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me. It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately. Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it. You know how I was telling you about that noise I've been hearing above my room the past couple nights? Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called. I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. I looked around a bit, no leaks, but I did find this. It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess. Maybe you didn't. But let me know. What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?” So I opened it. It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though. I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about. But it does work. Also, when I loaded it the first time, the CD drive opened. There's this disc inside. So that's all. Pretty cool, right? What do you think I should do with it? I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything. I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance. Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on It's okay, though. I mean, making these for each other helps. Okay talk to you soon, alright? Bye. </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] d7e28e77f5f19c6701c9d92a81af3b305eeb2d8d 390 389 2024-12-17T06:57:49Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Electric Sheep | image=ElectricSheepThumbnail.jpg | caption1=2 | release_date=May 13, 2024 | Created_by=Volrusk | voice_cast= N/A | previous=[[Vermis Malum (Episode)]]<br/>[[File:VermisMalumThumbnail.jpg|30px|link=Vermis Malum (Episode)]] | next=[[BadSeed]]<br/>[[File:BadSeedThumbnail.jpg|30px|link=Bad Seed]] }} '''''Electric Sheep''''' is the second episode of the ''[[Vermis Malum]]'' web series. Placeholder Text "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to a multi-eyed monster. ]] ===Lawrence's Segment=== Placeholder Text "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ===3AM Activity=== "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==Videos== <tabber> Episode={{#ev:youtube|VPXdSLzp-kc|450|center}} |-| Transcript= *"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 6f42708b9f4f1c7011121a6e53adf25d8f024355 392 390 2024-12-18T02:40:33Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Electric Sheep | image=ElectricSheepThumbnail.jpg | caption1=2 | release_date=May 13, 2024 | Created_by=Volrusk | voice_cast= N/A | previous=[[Vermis Malum (Episode)]]<br/>[[File:VermisMalumThumbnail.jpg|30px|link=Vermis Malum (Episode)]] | next=[[BadSeed]]<br/>[[File:BadSeedThumbnail.jpg|30px|link=Bad Seed]] }} '''''Electric Sheep''''' is the second episode of the ''[[Vermis Malum]]'' web series. Placeholder Text "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==Plot== [[File:.PNG|thumb|left|200px|Placeholder ]] ===Lawrence's Segment=== Placeholder Text "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." [[File:.PNG|thumb|right|200px|Placeholder ]] "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ===3AM Activity=== "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==Videos== <tabber> Episode={{#ev:youtube|VPXdSLzp-kc|450|center}} |-| Transcript= *"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." </tabber> [[File:.PNG|thumb|left|200px|Placeholder ]] ==Trivia== "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 0537dcc7f3634a525466ee7c11a7df0405dcf462 393 392 2024-12-18T02:41:33Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Electric Sheep | image=ElectricSheepThumbnail.jpg | caption1=2 | release_date=May 13, 2024 | Created_by=Volrusk | voice_cast= N/A | previous=[[Vermis Malum (Episode)]]<br/>[[File:VermisMalumThumbnail.jpg|30px|link=Vermis Malum (Episode)]] | next=[[Bad Seed]]<br/>[[File:BadSeedThumbnail.jpg|30px|link=Bad Seed]] }} '''''Electric Sheep''''' is the second episode of the ''[[Vermis Malum]]'' web series. Placeholder Text "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==Plot== [[File:.PNG|thumb|left|200px|Placeholder ]] ===Lawrence's Segment=== Placeholder Text "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." [[File:.PNG|thumb|right|200px|Placeholder ]] "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ===3AM Activity=== "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==Videos== <tabber> Episode={{#ev:youtube|VPXdSLzp-kc|450|center}} |-| Transcript= *"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." </tabber> [[File:.PNG|thumb|left|200px|Placeholder ]] ==Trivia== "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] f4a7f639c892462b5d75e1c99912c5a1972971bd 395 393 2024-12-18T05:00:21Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Electric Sheep | image=ElectricSheepThumbnail.jpg | caption1=2 | release_date=May 13, 2024 | Created_by=Volrusk | voice_cast= N/A | previous=[[Vermis Malum (Episode)]]<br/>[[File:VermisMalumThumbnail.jpg|30px|link=Vermis Malum (Episode)]] | next=[[Bad Seed]]<br/>[[File:BadSeedThumbnail.jpg|30px|link=Bad Seed]] }} '''''Electric Sheep''''' is the second episode of the ''[[Vermis Malum]]'' web series. ==Summary== Lawrence begins another video entry discussing his dreams and shows off the contents of the found [[laptop]]. The PC takes on its own activities later in the night. ==Plot== [[File:.PNG|thumb|left|200px|Placeholder ]] ===Lawrence's Segment=== Placeholder Text Electric Sheep begins with more footage at [[Raven's Run]], where Lawrence details a dream he's had between video entries. "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." [[File:.PNG|thumb|right|200px|Placeholder ]] "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ===3AM Activity=== "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==Videos== <tabber> Episode={{#ev:youtube|VPXdSLzp-kc|450|center}} |-| Transcript= *"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." </tabber> [[File:.PNG|thumb|left|200px|Placeholder ]] ==Trivia== "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 21342e1b3ad1ce214f5d647c8f56e1b5c3bc0a41 0 243 396 317 2024-12-18T05:01:41Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Welcome to the {{SITENAME}}! | id = welcome<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> }} It's the <span style="color:red;">21st Century</span>, and there's a new world being born a little every day… '''Welcome to the Vermis Malum Wiki!''' The Vermis Malum Wiki is written and maintained by fans of the series. Currently under construction, but we appreciate all contributions! We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> f380c5449b1fbea665a84d7c177de075cd97795c 10 273 401 301 2024-12-18T06:41:06Z Xrystalwish 555517 wikitext text/x-wiki <infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"> <caption source="caption"/> </image> <data source="release_date"> <label>Release date</label> </data> <data source="episode"> <label>Episode</label> </data> <group> <header>Credits</header> <data source="Created_by"> <label>Created by</label> </data> <data source="voice_cast"> <label>Voice cast</label> </data> </group> <group layout="horizontal"> <header>Episode guide</header> <data source="previous"><label>Previous</label></data> <data source="next"><label>Next</label></data> </group> </infobox> <noinclude> Example usage: <pre> {{InfoboxEpisode | title=Example | image=Example | episode=Example | release_date=Example | created_by=Example | voice_cast=Example | previous=Example | next=Example }} </pre> <templatedata> { "params": { "title1": { "suggested": true }, "image1": { "suggested": true }, "episode": { "suggested": true }, "release_date": { "suggested": true }, "created_by": { "suggested": true }, "previous": { "suggested": true }, "next": { "suggested": true } }, "sets": [], "description": "Layout for Vermis Malum Episode Descriptions" } </templatedata> [[Category:Infobox templates]] </noinclude> 290f452e061ccf3689d54cc54fe17d41abe5b47d 0 277 402 400 2024-12-18T06:41:14Z Xrystalwish 555517 wikitext text/x-wiki This article is a stub and should be expanded. Please add content by editing the page. {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | episode=1 | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. ===Summary=== The titular first episode of the series. It begins with a shot of an elevator that leads to a CRT that shows the start screen for Vermis Malum, alongside gameplay footage of [[Ring I]]. <br> After, we are introduced to our series' protagonist, [[Lawrence]] as he documents his discovery of the [[laptop]] of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to confront a multi-eyed monster. ]] ===Introduction=== The episode begins with a fade in from black to the framed edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] icon while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an [[elevator]] as the camera comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. <br>Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle]], and turns around to see a [[multi-eyed monster]] before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= === '''The McGuire Sisters''' === Mommy told me something, a little girl should know ♪<br> It’s all about the Devil, and I’ve learned to hate him so ♪<br> She says he causes trouble when you let him in the room ♪<br> He will never, ever leave you if your heart is filled with gloom ♪<br> So let the sun shine in, face it with a grin ♪<br> Smilers never lose, and frowners never win ♪<br> So let the sun shine in… ♪ <br> === '''Lawrence''' === Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still.<br> It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing.<br> Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well.<br> I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. <br> It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me.<br> It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately.<br> Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it.<br> You know how I was telling you about that noise I've been hearing above my room the past couple nights?<br> Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called.<br> I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. <br> I looked around a bit, no leaks, but I did find this.<br> It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess.<br> Maybe you didn't. But let me know.<br> What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?”<br> So I opened it.<br> It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though.<br> I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about.<br> But it does work.<br> Also, when I loaded it the first time, the CD drive opened. There's this disc inside.<br><br> So that's all. Pretty cool, right? What do you think I should do with it?<br> I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything.<br> I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance.<br> Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on.<br> It's okay, though.<br> I mean, making these for each other helps. Okay talk to you soon, alright? <br> Bye. <br> <br> </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 0195ff73cb26f90ed796bed0421d894d2b49598f 408 402 2024-12-21T23:24:59Z Astershen 563455 /* Introduction */ wikitext text/x-wiki This article is a stub and should be expanded. Please add content by editing the page. {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | episode=1 | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. ===Summary=== The titular first episode of the series. It begins with a shot of an elevator that leads to a CRT that shows the start screen for Vermis Malum, alongside gameplay footage of [[Ring I]]. <br> After, we are introduced to our series' protagonist, [[Lawrence]] as he documents his discovery of the [[laptop]] of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to confront a multi-eyed monster. ]] ===Introduction=== The episode begins with a fade in from black to the framed edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] icon while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an [[elevator]] as the camera comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. <br>Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[whistle | the whistle]], and turns around to see a [[multi-eyed monster]] before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= === '''The McGuire Sisters''' === Mommy told me something, a little girl should know ♪<br> It’s all about the Devil, and I’ve learned to hate him so ♪<br> She says he causes trouble when you let him in the room ♪<br> He will never, ever leave you if your heart is filled with gloom ♪<br> So let the sun shine in, face it with a grin ♪<br> Smilers never lose, and frowners never win ♪<br> So let the sun shine in… ♪ <br> === '''Lawrence''' === Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still.<br> It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing.<br> Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well.<br> I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. <br> It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me.<br> It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately.<br> Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it.<br> You know how I was telling you about that noise I've been hearing above my room the past couple nights?<br> Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called.<br> I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. <br> I looked around a bit, no leaks, but I did find this.<br> It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess.<br> Maybe you didn't. But let me know.<br> What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?”<br> So I opened it.<br> It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though.<br> I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about.<br> But it does work.<br> Also, when I loaded it the first time, the CD drive opened. There's this disc inside.<br><br> So that's all. Pretty cool, right? What do you think I should do with it?<br> I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything.<br> I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance.<br> Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on.<br> It's okay, though.<br> I mean, making these for each other helps. Okay talk to you soon, alright? <br> Bye. <br> <br> </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] b09fac76c5a7e2c1cca0bff2b58851e5ed7947c4 409 408 2024-12-21T23:25:15Z Astershen 563455 /* Introduction */ wikitext text/x-wiki This article is a stub and should be expanded. Please add content by editing the page. {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | episode=1 | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. ===Summary=== The titular first episode of the series. It begins with a shot of an elevator that leads to a CRT that shows the start screen for Vermis Malum, alongside gameplay footage of [[Ring I]]. <br> After, we are introduced to our series' protagonist, [[Lawrence]] as he documents his discovery of the [[laptop]] of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to confront a multi-eyed monster. ]] ===Introduction=== The episode begins with a fade in from black to the framed edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] icon while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an [[elevator]] as the camera comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. <br>Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[the whistle | whistle]], and turns around to see a [[multi-eyed monster]] before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= === '''The McGuire Sisters''' === Mommy told me something, a little girl should know ♪<br> It’s all about the Devil, and I’ve learned to hate him so ♪<br> She says he causes trouble when you let him in the room ♪<br> He will never, ever leave you if your heart is filled with gloom ♪<br> So let the sun shine in, face it with a grin ♪<br> Smilers never lose, and frowners never win ♪<br> So let the sun shine in… ♪ <br> === '''Lawrence''' === Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still.<br> It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing.<br> Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well.<br> I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. <br> It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me.<br> It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately.<br> Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it.<br> You know how I was telling you about that noise I've been hearing above my room the past couple nights?<br> Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called.<br> I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. <br> I looked around a bit, no leaks, but I did find this.<br> It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess.<br> Maybe you didn't. But let me know.<br> What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?”<br> So I opened it.<br> It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though.<br> I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about.<br> But it does work.<br> Also, when I loaded it the first time, the CD drive opened. There's this disc inside.<br><br> So that's all. Pretty cool, right? What do you think I should do with it?<br> I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything.<br> I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance.<br> Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on.<br> It's okay, though.<br> I mean, making these for each other helps. Okay talk to you soon, alright? <br> Bye. <br> <br> </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 09530a9844e51292630304feffc4461eec9b91df 410 409 2024-12-21T23:26:07Z Astershen 563455 /* Introduction */ wikitext text/x-wiki This article is a stub and should be expanded. Please add content by editing the page. {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | episode=1 | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. ===Summary=== The titular first episode of the series. It begins with a shot of an elevator that leads to a CRT that shows the start screen for Vermis Malum, alongside gameplay footage of [[Ring I]]. <br> After, we are introduced to our series' protagonist, [[Lawrence]] as he documents his discovery of the [[laptop]] of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to confront a multi-eyed monster. ]] ===Introduction=== The episode begins with a fade in from black to the framed edges of a CRT monitor. As a typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] icon while it loads, "Open Up Your Heart (And Let The Sun Shine In" by the McGuire Sisters begins playing. The screen fades from the complete quote into an [[elevator]] as the camera comes into focus. The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. <br>Upon opening at the final floor, the player walks into the dark to a CRT monitor, which displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. Player hears a [[The Whistle | whistle]], and turns around to see a [[multi-eyed monster]] before the screen cuts to black. ===Lawrence's Segment=== After a brief pause, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage. He walks in a park, [[Raven’s Run]], as the recipient of the video mentioned wanting to see the first snow of the season. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. The laptop displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A whistle is heard like before, but it sounds like a person whistling. Lawrence asks the recipient what he should do with the laptop, and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that he (and Muffy) miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= === '''The McGuire Sisters''' === Mommy told me something, a little girl should know ♪<br> It’s all about the Devil, and I’ve learned to hate him so ♪<br> She says he causes trouble when you let him in the room ♪<br> He will never, ever leave you if your heart is filled with gloom ♪<br> So let the sun shine in, face it with a grin ♪<br> Smilers never lose, and frowners never win ♪<br> So let the sun shine in… ♪ <br> === '''Lawrence''' === Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still.<br> It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing.<br> Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well.<br> I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. <br> It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me.<br> It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately.<br> Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it.<br> You know how I was telling you about that noise I've been hearing above my room the past couple nights?<br> Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called.<br> I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. <br> I looked around a bit, no leaks, but I did find this.<br> It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess.<br> Maybe you didn't. But let me know.<br> What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?”<br> So I opened it.<br> It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though.<br> I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about.<br> But it does work.<br> Also, when I loaded it the first time, the CD drive opened. There's this disc inside.<br><br> So that's all. Pretty cool, right? What do you think I should do with it?<br> I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything.<br> I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance.<br> Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on.<br> It's okay, though.<br> I mean, making these for each other helps. Okay talk to you soon, alright? <br> Bye. <br> <br> </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 50fcb108491fb12ef2e673b793dfddc5ba4dba13 433 410 2024-12-23T06:39:08Z Xrystalwish 555517 wikitext text/x-wiki This article is a stub and should be expanded. Please add content by editing the page. {{InfoboxEpisode | title=Vermis Malum | image=VermisMalumThumbnail.jpg | episode=1 | release_date=May 12, 2024 | Created_by=Volrusk | voice_cast= N/A | previous= N/A | next=[[Electric Sheep]]<br/>[[File:ElectricSheepThumbnail.jpg|30px|link=Electric Sheep]] }} '''''Vermis Malum''''' is the first episode of the ''[[Vermis Malum]]'' web series. ===Summary=== The titular first episode of the series. It begins with a shot of an elevator that leads to a CRT that shows the start screen for Vermis Malum, alongside gameplay footage of [[Ring I]]. <br> After, we are introduced to our series' protagonist, [[Lawrence]] as he documents his discovery of the [[laptop]] of a former player of Vermis Malum, [[Arthur]]. ==Plot== [[File:Ring1Teeth.PNG|thumb|left|200px|After hearing the whistle, the player turns to confront a multi-eyed monster. ]] ===Introduction=== The episode begins with a fade in from black to the framed edges of a CRT monitor. A typewriter clacks out “It’s the <span style="color:red">21st century</span> and there’s a new world being born a little every day…” on the main display accompanied by the series' [[Apple]] icon. While it loads, "Open Up Your Heart (And Let The Sun Shine In)" by the McGuire Sisters begins playing. The screen fades from the complete quote into an [[The Elevator|elevator]] as the camera comes into focus on the [[HESIOD]] panel, which displays a tray of buttons for floors 1-10 and the caption "''facilis descensus averno''", or "the descent to Avernus [the underworld] is easy". The player hits the button to go to floor 1, and different colors pop into the gap in the elevator door as it descends from the 10th floor to the 1st. Upon opening at the final floor, the player walks into the dark towards a CRT monitor, which flickers static, displays the [[Everpalm Pond]] logo, the Lampov Pendle logo, and finally the Vermis Malum title screen as the series title music plays. The player hears a [[The Whistle | whistle]], and turns around to see a [[multi-eyed monster]] before the screen cuts to black. ===Lawrence's Segment=== After a brief pause in black, the video cuts to IRL footage from the protagonist, [[Lawrence]]. He is recording a response video for someone unnamed. Lawrence speaks resuming a conversation between him and his intended recipient, noting the video he received from them and discussing his personal opinions on the footage, stating his thoughts that the place his recipient was seemed beautiful, but could be a result of camera manipulation. He walks through a park, [[Raven’s Run]] as denoted by a sign, responding to the the recipient's request to see the first snow of the season, which came early this winter. As Lawrence walks through Raven's Run, he documents various aspects of the trail, such as signposts, natural flora and fauna of the area, and notably, three park figurines: a seal, an elephant, and a dromedary, while making references to his relationship with his recipient and walking the trail alone for a change. Lawrence mentions having been inside a lot lately, and says he wants to show off something “weird” he found later in the video. He states that he’s been hearing a strange dripping noise from the attic above his room, making comments about its resemblance to a horror film he and the recipient had seen prior, Dark Water. Lawrence states that, while he isn't good at handling small spaces or scary surroundings, he has no one else do assist him, especially given the absence of the recipient, and shows some footage of him finding a package tucked under the insulation of the attic once he explored it. He asks the recipient if they knew of its existence and location, confused by the way it was stored and why it was in the attic to begin with. He opens the package and finds a [[laptop]] with a charger, decorated with a Princeton sticker on the lid. After an hour of charging, Lawrence began exploring the laptop, which displays an account for [[Arthur]] when powered on, but allows Lawrence in without a password. The CD drive opened when the computer was turned on, containing a yellow [[CD]] with “Vermis Malum” handwritten on it. [[File:DiskFirstApp.PNG|thumb|right|200px|"There's this disk inside."]] The video hovers on the CD image for a few still frames after Lawrence displays it, then cuts back to outdoor trail footage. A more human variation of the whistle can be heard once more as footage of branches are shown. Lawrence asks the recipient what he should do with the laptop, and that he plans to leave the laptop to charge and to edit the video and resume work. He sends his well wishes to the recipient and asks them their thoughts on his find and to get back to him when they can. Lawrence then shows his cat, [[Muffy]], and says that they both miss the recipient. Shortly after, the footage advances to the trail at night, with red lights shining in the distance, similarly to the monster from the beginning of the video. Lawrence laments the emptiness of the house without the recipient and asks them to reply as the footage freezes on a frame of his shadow and the video ends. ==Videos== <tabber> Episode={{#ev:youtube|rKdJS8w6iQA|450|center}} |-| Transcript= === '''The McGuire Sisters''' === Mommy told me something, a little girl should know ♪<br> It’s all about the Devil, and I’ve learned to hate him so ♪<br> She says he causes trouble when you let him in the room ♪<br> He will never, ever leave you if your heart is filled with gloom ♪<br> So let the sun shine in, face it with a grin ♪<br> Smilers never lose, and frowners never win ♪<br> So let the sun shine in… ♪ <br> === '''Lawrence''' === Hey, uh, I hope things are going alright. I got a chance to watch your last video on the train home yesterday. It was really beautiful. You don't need me to tell you that, you're the one who's actually there, but… still.<br> It's hard to tell sometimes what parts are real and what parts are that fancy film camera doing tricks with the lighting and stuff. Maybe it doesn't matter, I guess. As long as it's convincing.<br> Um, anyway. I know it's kind of soon to be sending you another one, but you said you wanted to see the first time it snowed here and they were saying it was still a week out on the radio, but when I looked out the window this morning… well.<br> I went out to Raven's Run so I could get some footage of the trail. By the time I got there, it was actually already starting to melt. It's still pretty early in the winter. <br> It was nice, though. I didn't think it would be cold enough to have to wear gloves, but halfway through my hands were so cold I had to keep putting them in my pockets between shots. Good thing you weren't there to make fun of me.<br> It felt weird, um, walking the trail alone. But, like I said, it was nice good to get outdoors again. I've been inside a lot lately.<br> Also, uh, there's something else. I was going to save this for next time but I wanted to show you this thing I found. It's a little weird, so, naturally I figured you might like it.<br> You know how I was telling you about that noise I've been hearing above my room the past couple nights?<br> Well, I got kind of scared it was a leaky pipe or something like that and one of these mornings I'd wake up with sludge dripping from the ceiling like that movie we saw, “Dark Water,” or whatever it was called.<br> I finally worked up the courage to actually go up to the attic and check it out. Don't laugh, okay? I really don't like confined spaces. You're a lot better with that kind of stuff anyway, but well… you're not here, so. <br> I looked around a bit, no leaks, but I did find this.<br> It's a package. I know it's not yours, right? Did you know it was up there? I mean, you don't go up there much either, I guess.<br> Maybe you didn't. But let me know.<br> What's weird to me is that it was, like, tucked under the insulation. It didn't just slip under by itself. I wasn't sure whether I should wait to check it out but then I just thought, “What would I be waiting for?”<br> So I opened it.<br> It's a laptop. Charger, too. Someone who used to live in this house must have left it here. I-I don't know why they put it in the attic, though.<br> I wanted to see if it still works, so I plugged it in and let it sit for an hour. It says “Locked” when it loads up but when I clicked on the account. It let me in without a password, so, I don't know what that's about.<br> But it does work.<br> Also, when I loaded it the first time, the CD drive opened. There's this disc inside.<br><br> So that's all. Pretty cool, right? What do you think I should do with it?<br> I'm going to leave it to charge some more for now. I have to take care of some stuff for work after I finish editing this, and it's already getting pretty late but let me know what you think. Anyway, good luck with everything.<br> I hope you're having a good time, wherever you are when you watch this. Uh, send me something back when you get a chance. I mean take your time, just, whenever you get a chance.<br> Muffy really misses you and I miss you too. It feels really empty around here sometimes. Not just the trail, I mean. This house. This place is too big for one person, you know, it just goes on and on.<br> It's okay, though.<br> I mean, making these for each other helps. Okay talk to you soon, alright? <br> Bye. <br> <br> </tabber> [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] ==Trivia== * Below the elevator buttons is an image of an anvil, the name "HESIOD," and the Latin text "facilis descensus averno." Hesiod was an ancient Greek poet, whose notable work the "Theogony" reads, in part, ''"For a brazen anvil falling down from heaven nine nights and days would reach the earth upon the tenth: and again, a brazen anvil falling from earth nine nights and days would reach Tartarus [the infernal regions of ancient Greek mythology] upon the tenth."'' The phrase, "facilis descensus averno" roughly translates to "the easy descent [through] Averno," referencing Lake Avernus in Italy, which the Romans perceived as an entrance to the underworld. * A series of numbers and letters consecutively flash on the bottom-right of the frame. They are, in order, '''74 68 65 77 6f 6d 62 66 6f 72 67 65 74 73'''. In hexadecimal code, this translates to "'''thewombforgets'''." This may be an allusion to the biblical passage Job 24:20: ''"The womb shall forget him; the worm shall feed sweetly on him; he shall be no more remembered; and wickedness shall be broken as a tree.”'' (KJV) * The [[Princeton]] logo visible on Arthur's laptop is modified, with an added laurel wreath and sans the original book icon with Latin text, "VET NOV TESTAMENTUM," that signifies the Old and New Testaments of the Bible. This is a recurring image throughout the series, as Arthur was a student at Princeton University, and [[Conrad Church]] taught there. * Arthur's Windows 7 profile icon closely resembles the character Robby the Robot from the 1956 film Forbidden Planet, about the discovery of a device that exponentially increases intelligence in humans, but in the process manifests monsters from their subconscious out into the physical world. ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] bae8e78a99f0d65f877a80b9783d0c4d1dc5444f 0 288 403 395 2024-12-18T06:41:35Z Xrystalwish 555517 wikitext text/x-wiki {{InfoboxEpisode | title=Electric Sheep | image=ElectricSheepThumbnail.jpg | episode=2 | release_date=May 13, 2024 | Created_by=Volrusk | voice_cast= N/A | previous=[[Vermis Malum (Episode)]]<br/>[[File:VermisMalumThumbnail.jpg|30px|link=Vermis Malum (Episode)]] | next=[[Bad Seed]]<br/>[[File:BadSeedThumbnail.jpg|30px|link=Bad Seed]] }} '''''Electric Sheep''''' is the second episode of the ''[[Vermis Malum]]'' web series. ==Summary== Lawrence begins another video entry discussing his dreams and shows off the contents of the found [[laptop]]. The PC takes on its own activities later in the night. ==Plot== [[File:.PNG|thumb|left|200px|Placeholder ]] ===Lawrence's Segment=== Placeholder Text Electric Sheep begins with more footage at [[Raven's Run]], where Lawrence details a dream he's had between video entries. "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." [[File:.PNG|thumb|right|200px|Placeholder ]] "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ===3AM Activity=== "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==Videos== <tabber> Episode={{#ev:youtube|VPXdSLzp-kc|450|center}} |-| Transcript= *"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." </tabber> [[File:.PNG|thumb|left|200px|Placeholder ]] ==Trivia== "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 65bfe10d20517f7ef520761286889bab0815061b 404 403 2024-12-18T06:41:50Z Xrystalwish 555517 wikitext text/x-wiki This article is a stub and should be expanded. Please add content by editing the page. {{InfoboxEpisode | title=Electric Sheep | image=ElectricSheepThumbnail.jpg | episode=2 | release_date=May 13, 2024 | Created_by=Volrusk | voice_cast= N/A | previous=[[Vermis Malum (Episode)]]<br/>[[File:VermisMalumThumbnail.jpg|30px|link=Vermis Malum (Episode)]] | next=[[Bad Seed]]<br/>[[File:BadSeedThumbnail.jpg|30px|link=Bad Seed]] }} '''''Electric Sheep''''' is the second episode of the ''[[Vermis Malum]]'' web series. ==Summary== Lawrence begins another video entry discussing his dreams and shows off the contents of the found [[laptop]]. The PC takes on its own activities later in the night. ==Plot== [[File:.PNG|thumb|left|200px|Placeholder ]] ===Lawrence's Segment=== Placeholder Text Electric Sheep begins with more footage at [[Raven's Run]], where Lawrence details a dream he's had between video entries. "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." [[File:.PNG|thumb|right|200px|Placeholder ]] "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ===3AM Activity=== "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==Videos== <tabber> Episode={{#ev:youtube|VPXdSLzp-kc|450|center}} |-| Transcript= *"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." </tabber> [[File:.PNG|thumb|left|200px|Placeholder ]] ==Trivia== "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." ==External links== *[https://www.youtube.com/watch?v=rKdJS8w6iQA ''Vermis Malum'' on YouTube] [[Category:Episodes]] [[Category:Vermis Malum (Episode)]] 920039adf9fe6c7b4527d030dc0f365717fde3b7 0 243 405 396 2024-12-18T06:46:55Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Welcome to the {{SITENAME}}! | id = welcome<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> }} It's the <span style="color:red;">21st Century</span>, and there's a new world being born a little every day… '''Welcome to the Vermis Malum Wiki!''' The Vermis Malum Wiki is written and maintained by fans of the series. Currently under construction, but we appreciate all contributions! We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 22185b4b70c249cb9bed4940ca90716206ab35ed 441 405 2024-12-26T09:06:00Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Don't go down the mountain, please. | id = welcome<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> }} It's the <span style="color:red;">21st Century</span>, and there's a new world being born a little every day… '''Welcome to the Vermis Malum Wiki!''' The Vermis Malum Wiki is written and maintained by fans of the series. Currently under construction, but we appreciate all contributions! We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 4088ca6bcab6579edc46b9f419139c1226c0c430 0 242 406 399 2024-12-18T07:12:25Z Xrystalwish 555517 wikitext text/x-wiki {{Main page box/start | title = Links | id = links<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Vermis Malum (Series)|link=Vermis Malum|image=SeriesLogo.png|size=92px}} * {{MP link|Vermis Malum (Episode)|link=Vermis Malum (Episode)|image=VermisMalumThumbnail.jpg|size=92px}} * {{MP link|Volrusk's Channel|link=https://www.youtube.com/@Volrusk|image=YouTube.svg|size-64x64px}} * {{MP link|Volrusk's Discord|link=https://discord.gg/Y54WfABH9q|image=Discord.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> a31fed63be75d56dcff03955e5e314a3aca51a86 6 289 407 2024-12-21T22:29:23Z Xrystalwish 555517 A shot of the sun between two trees from the footage segment of Electric Sheep, used later in Cyclic Inheritance. wikitext text/x-wiki == Summary == A shot of the sun between two trees from the footage segment of Electric Sheep, used later in Cyclic Inheritance. == Licensing == {{License|game}} ea5121d52a4109071f5bff9b49d0d343d711afd8 0 290 411 2024-12-21T23:30:36Z Astershen 563455 Created page with "''''' The Whistle '''''" wikitext text/x-wiki ''''' The Whistle ''''' d6b7b6733055f85a2352c76d2941329dcdd6a4ce 412 411 2024-12-21T23:32:19Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout Vermis Malum '''Bold text''' 289cc170d2d840dc2ae4a9c2b8a411e61054d1d4 413 412 2024-12-21T23:34:13Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' [[File:LaptopFirstApp.PNG|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] f9a42078e55dd4544b4759bc20c8a877243c6f19 414 413 2024-12-21T23:34:25Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' [[|thumb|left|200px|The laptop Lawrence finds features a sticker with a modified Princeton logo.]] f5ff817544fc2d416965f1c9621434a1fe1de916 415 414 2024-12-21T23:53:25Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' [[TBD|thumb|left|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[TBD|thumb|left|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] fe6548b8dc7929442e11fa51580b1cf421a1268b 416 415 2024-12-22T00:06:53Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' ===Instances=== '''Vermis Malum''' ->Game world @ 1:14, Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster ->Real world @ 5:16, while viewing trees during the winter day '''Random Walk''' '''Hungry Ghosts''' '''Ex Nihilo''' '''Cyclic Inheritance''' '''Orphan''' [[TBD|thumb|left|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[TBD|thumb|left|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] 27a92addcdfa4034b419c995b9629432d39adb8f 417 416 2024-12-22T00:07:08Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' ===Instances=== '''Vermis Malum'''<br> ->Game world @ 1:14, Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> ->Real world @ 5:16, while viewing trees during the winter day '''Random Walk''' '''Hungry Ghosts''' '''Ex Nihilo''' '''Cyclic Inheritance''' '''Orphan''' [[TBD|thumb|left|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[TBD|thumb|left|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] 1445e82ae89b5d13a61be38a1308b3a5c67ae330 418 417 2024-12-22T00:29:25Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' ===Instances=== '''Vermis Malum'''<br> * Game world @ 1:14, Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> * Real world @ 5:16, while viewing trees during the winter day '''Random Walk''' * Real world @ 1:49, while staring into the woods at dusk * Game world @ 18:38, while looking around in The Copperhead room '''Hungry Ghosts''' * Real world or game world(?) @ 1:00, at the end of the Snake game * Game world @ 9:47, before turning to Big Gul P feasting on the mutilated corpse * Game world (Arthur) @ 11:31, possibly the end of a whistle coming out of the black screen of text * The Loss Function video @ 17:02, the audio waveform on the blue plate matches the waveform for the whistle '''Ex Nihilo''' * Game world @ 3:58, during a flashing black-&-white video of a woman playing peekaboo * Game world @ 13:52, when closing the player-character's eyes * Game world @ 15:53, during the final cryptic text screen '''Cyclic Inheritance''' * Dark Souls @ 1:45, at the end of the “CURSED!” screen, and only the first half of the whistle * Game world @ 11:55, as Lawrence looks at the king chess piece and the flashing imagery appears * Game world @ 14:57, after the King gives birth and it cuts to black '''Orphan''' * Unknown @ 0:17, at the end of the infested synapses scene, as a silhouette of the wormhorns pushes its way through * Real world @ 11:23, when it cuts to black and Lawrence says, "I think it's ours." [[TBD|thumb|left|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[TBD|thumb|left|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] 17c3567865d1650880feebbc008586698db0092f 421 418 2024-12-22T00:46:14Z Astershen 563455 /* Instances */ wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' ===Instances=== '''Vermis Malum'''<br> * Game world @ 1:14, Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> * Real world @ 5:16, while viewing trees during the winter day '''Random Walk''' * Real world @ 1:49, while staring into the woods at dusk * Game world @ 18:38, while looking around in The Copperhead room '''Hungry Ghosts''' * Real world or game world(?) @ 1:00, at the end of the Snake game * Game world @ 9:47, before turning to Big Gul P feasting on the mutilated corpse * Game world (Arthur) @ 11:31, possibly the end of a whistle coming out of the black screen of text * The Loss Function video @ 17:02, the audio waveform on the blue plate matches the waveform for the whistle '''Ex Nihilo''' * Game world @ 3:58, during a flashing black-&-white video of a woman playing peekaboo * Game world @ 13:52, when closing the player-character's eyes * Game world @ 15:53, during the final cryptic text screen '''Cyclic Inheritance''' * Dark Souls @ 1:45, at the end of the “CURSED!” screen, and only the first half of the whistle * Game world @ 11:55, as Lawrence looks at the king chess piece and the flashing imagery appears * Game world @ 14:57, after the King gives birth and it cuts to black '''Orphan''' * Unknown @ 0:17, at the end of the infested synapses scene, as a silhouette of the wormhorns pushes its way through * Real world @ 11:23, when it cuts to black and Lawrence says, "I think it's ours." [[WhistleFunction.png|thumb|left|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[WhistleWaveforms.png|thumb|left|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] 519262c15008f8300feed48e1d5fc110b62df608 422 421 2024-12-22T00:46:43Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' ===Instances=== '''Vermis Malum'''<br> * Game world @ 1:14, Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> * Real world @ 5:16, while viewing trees during the winter day '''Random Walk''' * Real world @ 1:49, while staring into the woods at dusk * Game world @ 18:38, while looking around in The Copperhead room '''Hungry Ghosts''' * Real world or game world(?) @ 1:00, at the end of the Snake game * Game world @ 9:47, before turning to Big Gul P feasting on the mutilated corpse * Game world (Arthur) @ 11:31, possibly the end of a whistle coming out of the black screen of text * The Loss Function video @ 17:02, the audio waveform on the blue plate matches the waveform for the whistle '''Ex Nihilo''' * Game world @ 3:58, during a flashing black-&-white video of a woman playing peekaboo * Game world @ 13:52, when closing the player-character's eyes * Game world @ 15:53, during the final cryptic text screen '''Cyclic Inheritance''' * Dark Souls @ 1:45, at the end of the “CURSED!” screen, and only the first half of the whistle * Game world @ 11:55, as Lawrence looks at the king chess piece and the flashing imagery appears * Game world @ 14:57, after the King gives birth and it cuts to black '''Orphan''' * Unknown @ 0:17, at the end of the infested synapses scene, as a silhouette of the wormhorns pushes its way through * Real world @ 11:23, when it cuts to black and Lawrence says, "I think it's ours." [[file:WhistleFunction.png|thumb|left|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[file:WhistleWaveforms.png|thumb|left|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] 6c0a1412c2fd9f35f7954b15bbd9de411156aad1 423 422 2024-12-22T00:47:16Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' [[file:WhistleFunction.png|thumb|left|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[file:WhistleWaveforms.png|thumb|left|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] ===Instances=== '''Vermis Malum'''<br> * Game world @ 1:14, Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> * Real world @ 5:16, while viewing trees during the winter day '''Random Walk''' * Real world @ 1:49, while staring into the woods at dusk * Game world @ 18:38, while looking around in The Copperhead room '''Hungry Ghosts''' * Real world or game world(?) @ 1:00, at the end of the Snake game * Game world @ 9:47, before turning to Big Gul P feasting on the mutilated corpse * Game world (Arthur) @ 11:31, possibly the end of a whistle coming out of the black screen of text * The Loss Function video @ 17:02, the audio waveform on the blue plate matches the waveform for the whistle '''Ex Nihilo''' * Game world @ 3:58, during a flashing black-&-white video of a woman playing peekaboo * Game world @ 13:52, when closing the player-character's eyes * Game world @ 15:53, during the final cryptic text screen '''Cyclic Inheritance''' * Dark Souls @ 1:45, at the end of the “CURSED!” screen, and only the first half of the whistle * Game world @ 11:55, as Lawrence looks at the king chess piece and the flashing imagery appears * Game world @ 14:57, after the King gives birth and it cuts to black '''Orphan''' * Unknown @ 0:17, at the end of the infested synapses scene, as a silhouette of the wormhorns pushes its way through * Real world @ 11:23, when it cuts to black and Lawrence says, "I think it's ours." ef11617e2e7d4d3785b51d9954c18e502a8a6bdc 424 423 2024-12-22T00:47:30Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' [[file:WhistleFunction.png|thumb|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[file:WhistleWaveforms.png|thumb|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] ===Instances=== '''Vermis Malum'''<br> * Game world @ 1:14, Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> * Real world @ 5:16, while viewing trees during the winter day '''Random Walk''' * Real world @ 1:49, while staring into the woods at dusk * Game world @ 18:38, while looking around in The Copperhead room '''Hungry Ghosts''' * Real world or game world(?) @ 1:00, at the end of the Snake game * Game world @ 9:47, before turning to Big Gul P feasting on the mutilated corpse * Game world (Arthur) @ 11:31, possibly the end of a whistle coming out of the black screen of text * The Loss Function video @ 17:02, the audio waveform on the blue plate matches the waveform for the whistle '''Ex Nihilo''' * Game world @ 3:58, during a flashing black-&-white video of a woman playing peekaboo * Game world @ 13:52, when closing the player-character's eyes * Game world @ 15:53, during the final cryptic text screen '''Cyclic Inheritance''' * Dark Souls @ 1:45, at the end of the “CURSED!” screen, and only the first half of the whistle * Game world @ 11:55, as Lawrence looks at the king chess piece and the flashing imagery appears * Game world @ 14:57, after the King gives birth and it cuts to black '''Orphan''' * Unknown @ 0:17, at the end of the infested synapses scene, as a silhouette of the wormhorns pushes its way through * Real world @ 11:23, when it cuts to black and Lawrence says, "I think it's ours." f28412a7bda67296e09e59b0df0ec230cb372a4f 425 424 2024-12-22T00:48:05Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' [[file:WhistleWaveforms.png|right|thumb|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[file:WhistleFunction.png|right|thumb|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] ===Instances=== '''Vermis Malum'''<br> * Game world @ 1:14, Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> * Real world @ 5:16, while viewing trees during the winter day '''Random Walk''' * Real world @ 1:49, while staring into the woods at dusk * Game world @ 18:38, while looking around in The Copperhead room '''Hungry Ghosts''' * Real world or game world(?) @ 1:00, at the end of the Snake game * Game world @ 9:47, before turning to Big Gul P feasting on the mutilated corpse * Game world (Arthur) @ 11:31, possibly the end of a whistle coming out of the black screen of text * The Loss Function video @ 17:02, the audio waveform on the blue plate matches the waveform for the whistle '''Ex Nihilo''' * Game world @ 3:58, during a flashing black-&-white video of a woman playing peekaboo * Game world @ 13:52, when closing the player-character's eyes * Game world @ 15:53, during the final cryptic text screen '''Cyclic Inheritance''' * Dark Souls @ 1:45, at the end of the “CURSED!” screen, and only the first half of the whistle * Game world @ 11:55, as Lawrence looks at the king chess piece and the flashing imagery appears * Game world @ 14:57, after the King gives birth and it cuts to black '''Orphan''' * Unknown @ 0:17, at the end of the infested synapses scene, as a silhouette of the wormhorns pushes its way through * Real world @ 11:23, when it cuts to black and Lawrence says, "I think it's ours." fbe42d491a9fc8b454b43a5432f38f174455fd6a 426 425 2024-12-22T00:51:11Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' [[file:WhistleWaveforms.png|right|thumb|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[file:WhistleFunction.png|right|thumb|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] ===Instances=== '''Vermis Malum'''<br> * Game world [https://www.youtube.com/watch?v%3DrKdJS8w6iQA%26t%3D074&sa=D&source=editors&ust=1734826551773021&usg=AOvVaw3lTVw7O1s4xMETG0cu7sl6|@ 1:14 ], Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> * Real world [https://www.youtube.com/watch?v%3DrKdJS8w6iQA%26t%3D316&sa=D&source=editors&ust=1734826551773383|@ 5:16 ], while viewing trees during the winter day '''Random Walk''' * Real world @ 1:49, while staring into the woods at dusk * Game world @ 18:38, while looking around in The Copperhead room '''Hungry Ghosts''' * Real world or game world(?) @ 1:00, at the end of the Snake game * Game world @ 9:47, before turning to Big Gul P feasting on the mutilated corpse * Game world (Arthur) @ 11:31, possibly the end of a whistle coming out of the black screen of text * The Loss Function video @ 17:02, the audio waveform on the blue plate matches the waveform for the whistle '''Ex Nihilo''' * Game world @ 3:58, during a flashing black-&-white video of a woman playing peekaboo * Game world @ 13:52, when closing the player-character's eyes * Game world @ 15:53, during the final cryptic text screen '''Cyclic Inheritance''' * Dark Souls @ 1:45, at the end of the “CURSED!” screen, and only the first half of the whistle * Game world @ 11:55, as Lawrence looks at the king chess piece and the flashing imagery appears * Game world @ 14:57, after the King gives birth and it cuts to black '''Orphan''' * Unknown @ 0:17, at the end of the infested synapses scene, as a silhouette of the wormhorns pushes its way through * Real world @ 11:23, when it cuts to black and Lawrence says, "I think it's ours." 4d02e1c36213e14db33fb67777a27dded276b4b1 427 426 2024-12-22T00:52:03Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' [[file:WhistleWaveforms.png|right|thumb|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[file:WhistleFunction.png|right|thumb|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] ===Instances=== '''Vermis Malum'''<br> * Game world @[https://www.youtube.com/watch?v%3DrKdJS8w6iQA%26t%3D074&sa=D&source=editors&ust=1734826551773021&usg=AOvVaw3lTVw7O1s4xMETG0cu7sl6|1:14 ], Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> * Real world @[https://www.youtube.com/watch?v%3DrKdJS8w6iQA%26t%3D316&sa=D&source=editors&ust=1734826551773383| 5:16 ], while viewing trees during the winter day '''Random Walk''' * Real world @ 1:49, while staring into the woods at dusk * Game world @ 18:38, while looking around in The Copperhead room '''Hungry Ghosts''' * Real world or game world(?) @ 1:00, at the end of the Snake game * Game world @ 9:47, before turning to Big Gul P feasting on the mutilated corpse * Game world (Arthur) @ 11:31, possibly the end of a whistle coming out of the black screen of text * The Loss Function video @ 17:02, the audio waveform on the blue plate matches the waveform for the whistle '''Ex Nihilo''' * Game world @ 3:58, during a flashing black-&-white video of a woman playing peekaboo * Game world @ 13:52, when closing the player-character's eyes * Game world @ 15:53, during the final cryptic text screen '''Cyclic Inheritance''' * Dark Souls @ 1:45, at the end of the “CURSED!” screen, and only the first half of the whistle * Game world @ 11:55, as Lawrence looks at the king chess piece and the flashing imagery appears * Game world @ 14:57, after the King gives birth and it cuts to black '''Orphan''' * Unknown @ 0:17, at the end of the infested synapses scene, as a silhouette of the wormhorns pushes its way through * Real world @ 11:23, when it cuts to black and Lawrence says, "I think it's ours." 00370363a35a47841c55202cef514b1d317792e1 428 427 2024-12-22T00:52:48Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' [[file:WhistleWaveforms.png|right|thumb|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[file:WhistleFunction.png|right|thumb|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] ===Instances=== '''Vermis Malum'''<br> * Game world @[[https://www.youtube.com/watch?v%3DrKdJS8w6iQA%26t%3D074&sa=D&source=editors&ust=1734826551773021&usg=AOvVaw3lTVw7O1s4xMETG0cu7sl6| 1:14]], Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> * Real world @[[https://www.youtube.com/watch?v%3DrKdJS8w6iQA%26t%3D316&sa=D&source=editors&ust=1734826551773383| 5:16]], while viewing trees during the winter day '''Random Walk''' * Real world @ 1:49, while staring into the woods at dusk * Game world @ 18:38, while looking around in The Copperhead room '''Hungry Ghosts''' * Real world or game world(?) @ 1:00, at the end of the Snake game * Game world @ 9:47, before turning to Big Gul P feasting on the mutilated corpse * Game world (Arthur) @ 11:31, possibly the end of a whistle coming out of the black screen of text * The Loss Function video @ 17:02, the audio waveform on the blue plate matches the waveform for the whistle '''Ex Nihilo''' * Game world @ 3:58, during a flashing black-&-white video of a woman playing peekaboo * Game world @ 13:52, when closing the player-character's eyes * Game world @ 15:53, during the final cryptic text screen '''Cyclic Inheritance''' * Dark Souls @ 1:45, at the end of the “CURSED!” screen, and only the first half of the whistle * Game world @ 11:55, as Lawrence looks at the king chess piece and the flashing imagery appears * Game world @ 14:57, after the King gives birth and it cuts to black '''Orphan''' * Unknown @ 0:17, at the end of the infested synapses scene, as a silhouette of the wormhorns pushes its way through * Real world @ 11:23, when it cuts to black and Lawrence says, "I think it's ours." 904d62fbe79badadf23fa266b5e902d96062c187 429 428 2024-12-22T00:53:29Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' [[file:WhistleWaveforms.png|right|thumb|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[file:WhistleFunction.png|right|thumb|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] ===Instances=== '''Vermis Malum'''<br> * Game world @[[https://www.youtube.com/watch?v%3DrKdJS8w6iQA%26t%3D074&sa=D&source=editors&ust=1734826551773021&usg=AOvVaw3lTVw7O1s4xMETG0cu7sl6 1:14]], Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> * Real world @[[https://www.youtube.com/watch?v%3DrKdJS8w6iQA%26t%3D316&sa=D&source=editors&ust=1734826551773383 5:16]], while viewing trees during the winter day '''Random Walk''' * Real world @ 1:49, while staring into the woods at dusk * Game world @ 18:38, while looking around in The Copperhead room '''Hungry Ghosts''' * Real world or game world(?) @ 1:00, at the end of the Snake game * Game world @ 9:47, before turning to Big Gul P feasting on the mutilated corpse * Game world (Arthur) @ 11:31, possibly the end of a whistle coming out of the black screen of text * The Loss Function video @ 17:02, the audio waveform on the blue plate matches the waveform for the whistle '''Ex Nihilo''' * Game world @ 3:58, during a flashing black-&-white video of a woman playing peekaboo * Game world @ 13:52, when closing the player-character's eyes * Game world @ 15:53, during the final cryptic text screen '''Cyclic Inheritance''' * Dark Souls @ 1:45, at the end of the “CURSED!” screen, and only the first half of the whistle * Game world @ 11:55, as Lawrence looks at the king chess piece and the flashing imagery appears * Game world @ 14:57, after the King gives birth and it cuts to black '''Orphan''' * Unknown @ 0:17, at the end of the infested synapses scene, as a silhouette of the wormhorns pushes its way through * Real world @ 11:23, when it cuts to black and Lawrence says, "I think it's ours." ddf7f9173f96dd7007361ae8bf1be22b734d72f4 430 429 2024-12-22T00:54:07Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' [[file:WhistleWaveforms.png|right|thumb|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[file:WhistleFunction.png|right|thumb|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] ===Instances=== '''Vermis Malum'''<br> * Game world [[https://www.youtube.com/watch?v%3DrKdJS8w6iQA%26t%3D074&sa=D&source=editors&ust=1734826551773021&usg=AOvVaw3lTVw7O1s4xMETG0cu7sl6]], Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> * Real world [[https://www.youtube.com/watch?v%3DrKdJS8w6iQA%26t%3D316&sa=D&source=editors&ust=1734826551773383]], while viewing trees during the winter day '''Random Walk''' * Real world @ 1:49, while staring into the woods at dusk * Game world @ 18:38, while looking around in The Copperhead room '''Hungry Ghosts''' * Real world or game world(?) @ 1:00, at the end of the Snake game * Game world @ 9:47, before turning to Big Gul P feasting on the mutilated corpse * Game world (Arthur) @ 11:31, possibly the end of a whistle coming out of the black screen of text * The Loss Function video @ 17:02, the audio waveform on the blue plate matches the waveform for the whistle '''Ex Nihilo''' * Game world @ 3:58, during a flashing black-&-white video of a woman playing peekaboo * Game world @ 13:52, when closing the player-character's eyes * Game world @ 15:53, during the final cryptic text screen '''Cyclic Inheritance''' * Dark Souls @ 1:45, at the end of the “CURSED!” screen, and only the first half of the whistle * Game world @ 11:55, as Lawrence looks at the king chess piece and the flashing imagery appears * Game world @ 14:57, after the King gives birth and it cuts to black '''Orphan''' * Unknown @ 0:17, at the end of the infested synapses scene, as a silhouette of the wormhorns pushes its way through * Real world @ 11:23, when it cuts to black and Lawrence says, "I think it's ours." 8454152fbabc7e6f46cfbfc90b8b71d818d36500 431 430 2024-12-22T00:55:21Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' [[file:WhistleWaveforms.png|right|thumb|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[file:WhistleFunction.png|right|thumb|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] ===Instances=== '''Vermis Malum'''<br> * Game world [https://www.youtube.com/watch?v%3DrKdJS8w6iQA%26t%3D074&sa=D&source=editors&ust=1734826551773021], Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> * Real world [https://www.youtube.com/watch?v%3DrKdJS8w6iQA%26t%3D316&sa=D&source=editors&ust=1734826551773383], while viewing trees during the winter day '''Random Walk''' * Real world @ 1:49, while staring into the woods at dusk * Game world @ 18:38, while looking around in The Copperhead room '''Hungry Ghosts''' * Real world or game world(?) @ 1:00, at the end of the Snake game * Game world @ 9:47, before turning to Big Gul P feasting on the mutilated corpse * Game world (Arthur) @ 11:31, possibly the end of a whistle coming out of the black screen of text * The Loss Function video @ 17:02, the audio waveform on the blue plate matches the waveform for the whistle '''Ex Nihilo''' * Game world @ 3:58, during a flashing black-&-white video of a woman playing peekaboo * Game world @ 13:52, when closing the player-character's eyes * Game world @ 15:53, during the final cryptic text screen '''Cyclic Inheritance''' * Dark Souls @ 1:45, at the end of the “CURSED!” screen, and only the first half of the whistle * Game world @ 11:55, as Lawrence looks at the king chess piece and the flashing imagery appears * Game world @ 14:57, after the King gives birth and it cuts to black '''Orphan''' * Unknown @ 0:17, at the end of the infested synapses scene, as a silhouette of the wormhorns pushes its way through * Real world @ 11:23, when it cuts to black and Lawrence says, "I think it's ours." 41891ffa5fd03fa29b8c640695fca48b22a088c7 432 431 2024-12-22T00:56:36Z Astershen 563455 wikitext text/x-wiki ''''' The Whistle ''''' is a distinctive noise made throughout '''Vermis Malum.''' [[file:WhistleWaveforms.png|right|thumb|200px|Waveform of the unedited whistle from @5:16 in Random Walk vs The Whistle that debuts at @1:14]] [[file:WhistleFunction.png|right|thumb|200px|Waveform of The Whistle vs the whistle waveform that appears in the Loss Function video in Hungry Ghosts @17:02]] ===Instances=== '''Vermis Malum'''<br> * Game world @ 1:14, Ring I, when seeing the first Vermis Malum screen before turning to the mysterious monster<br> * Real world @ 5:16, while viewing trees during the winter day '''Random Walk''' * Real world @ 1:49, while staring into the woods at dusk * Game world @ 18:38, while looking around in The Copperhead room '''Hungry Ghosts''' * Real world or game world(?) @ 1:00, at the end of the Snake game * Game world @ 9:47, before turning to Big Gul P feasting on the mutilated corpse * Game world (Arthur) @ 11:31, possibly the end of a whistle coming out of the black screen of text * The Loss Function video @ 17:02, the audio waveform on the blue plate matches the waveform for the whistle '''Ex Nihilo''' * Game world @ 3:58, during a flashing black-&-white video of a woman playing peekaboo * Game world @ 13:52, when closing the player-character's eyes * Game world @ 15:53, during the final cryptic text screen '''Cyclic Inheritance''' * Dark Souls @ 1:45, at the end of the “CURSED!” screen, and only the first half of the whistle * Game world @ 11:55, as Lawrence looks at the king chess piece and the flashing imagery appears * Game world @ 14:57, after the King gives birth and it cuts to black '''Orphan''' * Unknown @ 0:17, at the end of the infested synapses scene, as a silhouette of the wormhorns pushes its way through * Real world @ 11:23, when it cuts to black and Lawrence says, "I think it's ours." fbe42d491a9fc8b454b43a5432f38f174455fd6a 6 291 419 2024-12-22T00:44:49Z Astershen 563455 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 292 420 2024-12-22T00:44:51Z Astershen 563455 wikitext text/x-wiki == Licensing == {{License|game}} ff80197b64d07b05261211e62dd3fda3a667d65b 6 293 434 2024-12-26T06:00:59Z Xrystalwish 555517 Thumbnail for Worm in the Apple. wikitext text/x-wiki == Summary == Thumbnail for Worm in the Apple. == Licensing == {{License|game}} 543e9d237cb9ea9906803836f22f219fdf2544b9 6 294 435 2024-12-26T06:06:43Z Xrystalwish 555517 wikitext text/x-wiki Teaser images for Worm in the apple. == Licensing == {{License|game}} c31239601a789d0e27c02977aa293fe42131fcb2 6 295 436 2024-12-26T06:06:44Z Xrystalwish 555517 wikitext text/x-wiki Teaser images for Worm in the apple. == Licensing == {{License|game}} c31239601a789d0e27c02977aa293fe42131fcb2 6 296 437 2024-12-26T06:06:46Z Xrystalwish 555517 wikitext text/x-wiki Teaser images for Worm in the apple. == Licensing == {{License|game}} c31239601a789d0e27c02977aa293fe42131fcb2 0 269 438 383 2024-12-26T06:12:03Z Xrystalwish 555517 wikitext text/x-wiki {{DISPLAYTITLE: VERMIS MALUM (series)}} [[File:SeriesLogo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''VERMIS MALUM''') is a digital horror web video series [https://www.youtube.com/@Volrusk published on YouTube] and created by [[Volrusk]]. Vermis Malum is a Digital Horror Youtube series by Volrusk. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the [https://www.nightmind.info/horrorproj Night Mind Index]: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:black; color:#FFFFFF;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum (Episode)]]''' <br> [[File:VermisMalumThumbnail.jpg|180px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|VPXdSLzp-kc|240|center}} |N/A |'''[[Electric Sheep]]''' <br> [[File:ElectricSheepThumbnail.jpg|180px|link=Electric Sheep]] | May 12th, 2024 (YouTube) |- |3 |{{#ev:youtube|y-WEExu7VvU|240|center}} |N/A |'''[[Bad Seed]]''' <br> [[File:BadSeedThumbnail.jpg|180px|link=Bad Seed]] |May 24th, 2024 (YouTube) |- |4 |{{#ev:youtube|XJ2nbWHmxgc|240|center}} |N/A |'''[[Random Walk]]''' <br> [[File:RandomWalkThunbnail.jpg|180px|link=Random Walk]] |June 30th, 2024 (YouTube) |- |5 |{{#ev:youtube|4CMjs8xgxuc|240|center}} |[[File:HG1.webp|90px]] [[File:HG2.webp|90px]] [[File:HG3.webp|90px]] |'''[[Hungry Ghosts]]''' <br> [[File:HungryGhostsThumbnail.jpg|180px|link=Random Walk]] |August 24th, 2024 (YouTube) |- |6 |{{#ev:youtube|uja7P9NzzAY|240|center}} |[[File:EN1.webp|90px]] [[File:EN2.webp|90px]] [[File:EN3.webp|90px]] |'''[[Ex Nihilo]]''' <br> [[File:ExnihiloThumbnail.jpg|180px|link=Ex Nihilo]] |October 1st, 2024 (YouTube) |- |7 |{{#ev:youtube|6_2Pw31ho6Y|240|center}} |[[File:CI1.webp|90px]] [[File:CI2.webp|90px]] [[File:CI3.webp|90px]] |'''[[Cyclic Inheritance]]''' <br> [[File:CyclicInheritanceThumbnail.jpg|180px|link=Cyclic Inheritance]] |October 29th, 2024 (YouTube) |- |8 |{{#ev:youtube|nN-S2coUltc|240|center}} |[[File:O1.webp|90px]] [[File:O2.webp|90px]] [[File:O3.webp|90px]] |'''[[Orphan]]''' <br> [[File:OrphanThumbnail.jpg|180px|link=Orphan (Episode)]] |November 24th, 2024 (YouTube) |- |9 |{{#ev:youtube|nN-s8QTE33NqVE|240|center}} |[[File:WITA1.webp|90px]] [[File:WITA2.webp|90px]] [[File:WITA3.webp|90px]] |'''[[Worm in the Apple]]''' <br> [[File:WormintheAppleThumbnail.jpg|180px|link=Worm in the Apple]] |December 24th, 2024 (YouTube) |} </div> ==Development== ===Disk 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled [[Vermis Malum (Episode)]] and [[Electric Sheep]], were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, [[Bad Seed]]. On May 31st, the series description was posted to [https://www.nightmind.info/horrorproj Night Mind's Horror Project Index] by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, [[Random Walk]]. During the month of August, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxKwKyjwX6_HWnKfyq8z-KInBju1c2x84j three images were teased] for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, [[Hungry Ghosts]]. During the month of September, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxITtEFtoCkE28fl6wFj4nt_VmPmvuQV11 three images were teased] for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, [[Ex Nihilo]]. On October 26th, [https://www.youtube.com/post/UgkxVDBn98R2RDDMpVWqFm-3Pb45Zfj132RG three images were teased] for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, [[Cyclic Inheritance]]. On November 2nd, Volrusk’s username updated from vermis malum to [[Volrusk]], and [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs uploaded a Community post], discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the [https://discord.gg/Y54WfABH9q|Official Volrusk Discord]. On November 18th, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs three images were teased] for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, [[Orphan]]. On December 22nd, [https://www.youtube.com/post/Ugkxda01hUFBIspwZ-XhHlOnWNjlrumEkzxu three images were teased] for the ninth and final installment without description in the channel's Community tab. On December 24th, the ninth and final installment of Vermis Malum was uploaded, [[Worm in the Apple]]. ==Trivia== As of December 24th, 2024, [[Vermis Malum Disk 1]] is complete, and may be expanded upon in later projects by the series creator. ==References== <references /> [[Category:Episodes]] d77b80ca096005d3b72ff1b85dc0c0256204fc33 439 438 2024-12-26T09:03:57Z Xrystalwish 555517 wikitext text/x-wiki {{DISPLAYTITLE: VERMIS MALUM (series)}} [[File:SeriesLogo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''VERMIS MALUM''') is a digital horror web video series [https://www.youtube.com/@Volrusk published on YouTube] and created by [[Volrusk]]. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the [https://www.nightmind.info/horrorproj Night Mind Index]: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:black; color:#FFFFFF;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum (Episode)]]''' <br> [[File:VermisMalumThumbnail.jpg|180px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|VPXdSLzp-kc|240|center}} |N/A |'''[[Electric Sheep]]''' <br> [[File:ElectricSheepThumbnail.jpg|180px|link=Electric Sheep]] | May 12th, 2024 (YouTube) |- |3 |{{#ev:youtube|y-WEExu7VvU|240|center}} |N/A |'''[[Bad Seed]]''' <br> [[File:BadSeedThumbnail.jpg|180px|link=Bad Seed]] |May 24th, 2024 (YouTube) |- |4 |{{#ev:youtube|XJ2nbWHmxgc|240|center}} |N/A |'''[[Random Walk]]''' <br> [[File:RandomWalkThunbnail.jpg|180px|link=Random Walk]] |June 30th, 2024 (YouTube) |- |5 |{{#ev:youtube|4CMjs8xgxuc|240|center}} |[[File:HG1.webp|90px]] [[File:HG2.webp|90px]] [[File:HG3.webp|90px]] |'''[[Hungry Ghosts]]''' <br> [[File:HungryGhostsThumbnail.jpg|180px|link=Random Walk]] |August 24th, 2024 (YouTube) |- |6 |{{#ev:youtube|uja7P9NzzAY|240|center}} |[[File:EN1.webp|90px]] [[File:EN2.webp|90px]] [[File:EN3.webp|90px]] |'''[[Ex Nihilo]]''' <br> [[File:ExnihiloThumbnail.jpg|180px|link=Ex Nihilo]] |October 1st, 2024 (YouTube) |- |7 |{{#ev:youtube|6_2Pw31ho6Y|240|center}} |[[File:CI1.webp|90px]] [[File:CI2.webp|90px]] [[File:CI3.webp|90px]] |'''[[Cyclic Inheritance]]''' <br> [[File:CyclicInheritanceThumbnail.jpg|180px|link=Cyclic Inheritance]] |October 29th, 2024 (YouTube) |- |8 |{{#ev:youtube|nN-S2coUltc|240|center}} |[[File:O1.webp|90px]] [[File:O2.webp|90px]] [[File:O3.webp|90px]] |'''[[Orphan]]''' <br> [[File:OrphanThumbnail.jpg|180px|link=Orphan (Episode)]] |November 24th, 2024 (YouTube) |- |9 |{{#ev:youtube|nN-s8QTE33NqVE|240|center}} |[[File:WITA1.webp|90px]] [[File:WITA2.webp|90px]] [[File:WITA3.webp|90px]] |'''[[Worm in the Apple]]''' <br> [[File:WormintheAppleThumbnail.jpg|180px|link=Worm in the Apple]] |December 24th, 2024 (YouTube) |} </div> ==Development== ===Disk 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled [[Vermis Malum (Episode)]] and [[Electric Sheep]], were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, [[Bad Seed]]. On May 31st, the series description was posted to [https://www.nightmind.info/horrorproj Night Mind's Horror Project Index] by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, [[Random Walk]]. During the month of August, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxKwKyjwX6_HWnKfyq8z-KInBju1c2x84j three images were teased] for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, [[Hungry Ghosts]]. During the month of September, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxITtEFtoCkE28fl6wFj4nt_VmPmvuQV11 three images were teased] for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, [[Ex Nihilo]]. On October 26th, [https://www.youtube.com/post/UgkxVDBn98R2RDDMpVWqFm-3Pb45Zfj132RG three images were teased] for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, [[Cyclic Inheritance]]. On November 2nd, Volrusk’s username updated from vermis malum to [[Volrusk]], and [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs uploaded a Community post], discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the [https://discord.gg/Y54WfABH9q|Official Volrusk Discord]. On November 18th, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs three images were teased] for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, [[Orphan]]. On December 22nd, [https://www.youtube.com/post/Ugkxda01hUFBIspwZ-XhHlOnWNjlrumEkzxu three images were teased] for the ninth and final installment without description in the channel's Community tab. On December 24th, the ninth and final installment of Vermis Malum was uploaded, [[Worm in the Apple]]. ==Trivia== As of December 24th, 2024, [[Vermis Malum Disk 1]] is complete, and may be expanded upon in later projects by the series creator. ==References== <references /> [[Category:Episodes]] 353927be76cc7bdcdfca55366ba6de949304d3ec 440 439 2024-12-26T09:04:49Z Xrystalwish 555517 wikitext text/x-wiki {{DISPLAYTITLE: VERMIS MALUM (series)}} [[File:SeriesLogo.png|thumb|The ''Vermis Malum'' game logo.|alt=A pair of arms/hands holding a red apple, with the text VERMIS MALUM displayed in white overlaid.]] '''''Vermis Malum''''' (stylized as '''VERMIS MALUM''') is a digital horror web video series [https://www.youtube.com/@Volrusk published on YouTube] and created by [[Volrusk]]. Inspired and imagined in the This-Game-I-Found genre and presented in a mixed-media format, it follows themes of esoteric mythos and programming knowledge to present its scares and secrets deep in an underground, unknown PC game. The series utilizes a variety of formats, 2D, 3D, and Real-Life footage, and encompasses a parody of the journey through Purgatorio from The Divine Comedy. Vermis Malum is primarily a puzzle-based horror, and asks its watchers to use a keen eye for its references and narrative development over time. The series follows the playthrough footage and personal video letters of [[Lawrence]] in the later half of 2021 after discovering the game and laptop that contained it in his attic, alongside the documentation of playthroughs left behind by prior players. Other characters, such as [[Arthur]] and [[Katherine]], are referenced heavily throughout our footage. The series is in its first season, [[Disk 1]]. Currently, each episode follows a format of blended footage of Lawrence's life on and off Vermis Malum, edited and uploaded to the audience by an unknown entity, and uploaded to Volrusk's channel. As described by the [https://www.nightmind.info/horrorproj Night Mind Index]: In a series of tapes filmed some time in the winter of 2021, Lawrence documents his discovery of an old laptop in his attic that contains the (only?) copy of an esoteric “lost video game” called Vermis Malum. As he plays, snippets of notes, audio, and images offer surreal glimpses of a cryptic mythology surrounding the game and its supposed creator, the troubled lives of players who stumbled on it before him, and the shape of something cruel and hungry slouching in the dark place behind the screen, waiting patiently to be born. ==Listing== There are currently 8 episodes of ''Vermis Malum: Disk 1'', with more in development and a future season planned. Each episode from the fifth release on have featured three teaser images prior to release. <div style="overflow-x:auto;"> {| class="bgrevo" style="border-collapse:collapse; text-align:center; font-size:100%;" border="1" width="100%" |- style="background:black; color:#FFFFFF;" ! width="3%" |# ! width="15%" |Episode ! width="15%" |Teaser(s)/Trailer(s) ! width="15%" |Title ! width="22%" |Airdate |- |1 |{{#ev:youtube|rKdJS8w6iQA|240|center}} |N/A |'''[[Vermis Malum (Episode)]]''' <br> [[File:VermisMalumThumbnail.jpg|180px|link=Vermis Malum (Episode)]] |May 12th, 2024 (YouTube) |- |2 |{{#ev:youtube|VPXdSLzp-kc|240|center}} |N/A |'''[[Electric Sheep]]''' <br> [[File:ElectricSheepThumbnail.jpg|180px|link=Electric Sheep]] | May 12th, 2024 (YouTube) |- |3 |{{#ev:youtube|y-WEExu7VvU|240|center}} |N/A |'''[[Bad Seed]]''' <br> [[File:BadSeedThumbnail.jpg|180px|link=Bad Seed]] |May 24th, 2024 (YouTube) |- |4 |{{#ev:youtube|XJ2nbWHmxgc|240|center}} |N/A |'''[[Random Walk]]''' <br> [[File:RandomWalkThunbnail.jpg|180px|link=Random Walk]] |June 30th, 2024 (YouTube) |- |5 |{{#ev:youtube|4CMjs8xgxuc|240|center}} |[[File:HG1.webp|90px]] [[File:HG2.webp|90px]] [[File:HG3.webp|90px]] |'''[[Hungry Ghosts]]''' <br> [[File:HungryGhostsThumbnail.jpg|180px|link=Random Walk]] |August 24th, 2024 (YouTube) |- |6 |{{#ev:youtube|uja7P9NzzAY|240|center}} |[[File:EN1.webp|90px]] [[File:EN2.webp|90px]] [[File:EN3.webp|90px]] |'''[[Ex Nihilo]]''' <br> [[File:ExnihiloThumbnail.jpg|180px|link=Ex Nihilo]] |October 1st, 2024 (YouTube) |- |7 |{{#ev:youtube|6_2Pw31ho6Y|240|center}} |[[File:CI1.webp|90px]] [[File:CI2.webp|90px]] [[File:CI3.webp|90px]] |'''[[Cyclic Inheritance]]''' <br> [[File:CyclicInheritanceThumbnail.jpg|180px|link=Cyclic Inheritance]] |October 29th, 2024 (YouTube) |- |8 |{{#ev:youtube|nN-S2coUltc|240|center}} |[[File:O1.webp|90px]] [[File:O2.webp|90px]] [[File:O3.webp|90px]] |'''[[Orphan]]''' <br> [[File:OrphanThumbnail.jpg|180px|link=Orphan (Episode)]] |November 24th, 2024 (YouTube) |- |9 |{{#ev:youtube|nN-s8QTE33NqVE|240|center}} |[[File:WITA1.webp|90px]] [[File:WITA2.webp|90px]] [[File:WITA3.webp|90px]] |'''[[Worm in the Apple]]''' <br> [[File:WormintheAppleThumbnail.jpg|180px|link=Worm in the Apple]] |December 24th, 2024 (YouTube) |} </div> ==Development== ===Disk 1=== The Volrusk YouTube channel (originally named "vermis malum") was created on March 18th, 2024. On May 12th, the first two episodes, titled [[Vermis Malum (Episode)]] and [[Electric Sheep]], were published to the channel. These episodes are Lawrence's first vocal performance, and offer the first glimpse of the series without in-game footage. On May 24th, the third installation of Vermis Malum was uploaded, [[Bad Seed]]. On May 31st, the series description was posted to [https://www.nightmind.info/horrorproj Night Mind's Horror Project Index] by an unknown user (though presumed to be Volrusk, given the series info it reveals prior to video reveals). On June 30th, the fourth installment of Vermis Malum was uploaded, [[Random Walk]]. During the month of August, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxKwKyjwX6_HWnKfyq8z-KInBju1c2x84j three images were teased] for the fifth installment without description in the channel's Community tab. On Augsust 24th, the fifth installment of Vermis Malum was uploaded, [[Hungry Ghosts]]. During the month of September, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=UgkxITtEFtoCkE28fl6wFj4nt_VmPmvuQV11 three images were teased] for the sixth installment without description in the channel's Community tab. On October 1st, the sixth installment of Vermis Malum was uploaded, [[Ex Nihilo]]. On October 26th, [https://www.youtube.com/post/UgkxVDBn98R2RDDMpVWqFm-3Pb45Zfj132RG three images were teased] for the seventh installment without description in the channel's Community tab. On October 29th, the seventh installment of Vermis Malum was uploaded, [[Cyclic Inheritance]]. On November 2nd, Volrusk’s username updated from vermis malum to [[Volrusk]], and [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs uploaded a Community post], discussing the continuation of Vermis Malum, additional upcoming projects, and provided a link for the [https://discord.gg/Y54WfABH9q|Official Volrusk Discord]. On November 18th, [https://www.youtube.com/channel/UCFTeW5UsacbLMkESU2ddIIg/community?lb=Ugkx7kV-OAEYFvLvZ32fJjksRJVeI8d54mcs three images were teased] for the eighth installment without description in the channel's Community tab. On November 24th, the eighth installment of Vermis Malum was uploaded, [[Orphan]]. On December 22nd, [https://www.youtube.com/post/Ugkxda01hUFBIspwZ-XhHlOnWNjlrumEkzxu three images were teased] for the ninth and final installment without description in the channel's Community tab. On December 24th, the ninth and final installment of Vermis Malum was uploaded, [[Worm in the Apple]]. ==Trivia== As of December 24th, 2024, [[Vermis Malum (Disk 1])] is complete, and may be expanded upon in later projects by the series creator. ==References== <references /> [[Category:Episodes]] dcfff0c7b6969fdb543861b305a449102ddb8787